Changeset 2648808
- Timestamp:
- 12/24/2021 03:50:17 PM (3 years ago)
- Location:
- image-hover-effects-ultimate-visual-composer
- Files:
-
- 211 added
- 81 edited
-
tags/2.6.1 (added)
-
tags/2.6.1/Classes (added)
-
tags/2.6.1/Classes/Admin_Ajax.php (added)
-
tags/2.6.1/Classes/Bootstrap.php (added)
-
tags/2.6.1/Classes/Installation.php (added)
-
tags/2.6.1/Classes/Support_Recommended.php (added)
-
tags/2.6.1/Classes/Support_Reviews.php (added)
-
tags/2.6.1/Inc (added)
-
tags/2.6.1/Inc/Style1.php (added)
-
tags/2.6.1/Inc/Style10.php (added)
-
tags/2.6.1/Inc/Style11.php (added)
-
tags/2.6.1/Inc/Style12.php (added)
-
tags/2.6.1/Inc/Style13.php (added)
-
tags/2.6.1/Inc/Style14.php (added)
-
tags/2.6.1/Inc/Style15.php (added)
-
tags/2.6.1/Inc/Style16.php (added)
-
tags/2.6.1/Inc/Style17.php (added)
-
tags/2.6.1/Inc/Style18.php (added)
-
tags/2.6.1/Inc/Style19.php (added)
-
tags/2.6.1/Inc/Style2.php (added)
-
tags/2.6.1/Inc/Style20.php (added)
-
tags/2.6.1/Inc/Style21.php (added)
-
tags/2.6.1/Inc/Style22.php (added)
-
tags/2.6.1/Inc/Style23.php (added)
-
tags/2.6.1/Inc/Style24.php (added)
-
tags/2.6.1/Inc/Style25.php (added)
-
tags/2.6.1/Inc/Style26.php (added)
-
tags/2.6.1/Inc/Style27.php (added)
-
tags/2.6.1/Inc/Style28.php (added)
-
tags/2.6.1/Inc/Style29.php (added)
-
tags/2.6.1/Inc/Style3.php (added)
-
tags/2.6.1/Inc/Style4.php (added)
-
tags/2.6.1/Inc/Style5.php (added)
-
tags/2.6.1/Inc/Style6.php (added)
-
tags/2.6.1/Inc/Style7.php (added)
-
tags/2.6.1/Inc/Style8.php (added)
-
tags/2.6.1/Inc/Style9.php (added)
-
tags/2.6.1/Inc_Helper (added)
-
tags/2.6.1/Inc_Helper/Admin_helper.php (added)
-
tags/2.6.1/Inc_Helper/CSS_JS_Loader.php (added)
-
tags/2.6.1/Inc_Helper/Public_Helper.php (added)
-
tags/2.6.1/Inc_Helper/Sanitization.php (added)
-
tags/2.6.1/Modules (added)
-
tags/2.6.1/Modules/Visual_Composer.php (added)
-
tags/2.6.1/Modules/Widget.php (added)
-
tags/2.6.1/Page (added)
-
tags/2.6.1/Page/Addons.php (added)
-
tags/2.6.1/Page/Admin_Render.php (added)
-
tags/2.6.1/Page/Create.php (added)
-
tags/2.6.1/Page/Home.php (added)
-
tags/2.6.1/Page/Import.php (added)
-
tags/2.6.1/Page/JSON.php (added)
-
tags/2.6.1/Page/Public_Render.php (added)
-
tags/2.6.1/Page/Settings.php (added)
-
tags/2.6.1/Page/Welcome.php (added)
-
tags/2.6.1/Public_Render (added)
-
tags/2.6.1/Public_Render/Style1.php (added)
-
tags/2.6.1/Public_Render/Style10.php (added)
-
tags/2.6.1/Public_Render/Style11.php (added)
-
tags/2.6.1/Public_Render/Style12.php (added)
-
tags/2.6.1/Public_Render/Style13.php (added)
-
tags/2.6.1/Public_Render/Style14.php (added)
-
tags/2.6.1/Public_Render/Style15.php (added)
-
tags/2.6.1/Public_Render/Style16.php (added)
-
tags/2.6.1/Public_Render/Style17.php (added)
-
tags/2.6.1/Public_Render/Style18.php (added)
-
tags/2.6.1/Public_Render/Style19.php (added)
-
tags/2.6.1/Public_Render/Style2.php (added)
-
tags/2.6.1/Public_Render/Style20.php (added)
-
tags/2.6.1/Public_Render/Style21.php (added)
-
tags/2.6.1/Public_Render/Style22.php (added)
-
tags/2.6.1/Public_Render/Style23.php (added)
-
tags/2.6.1/Public_Render/Style24.php (added)
-
tags/2.6.1/Public_Render/Style25.php (added)
-
tags/2.6.1/Public_Render/Style26.php (added)
-
tags/2.6.1/Public_Render/Style27.php (added)
-
tags/2.6.1/Public_Render/Style28.php (added)
-
tags/2.6.1/Public_Render/Style29.php (added)
-
tags/2.6.1/Public_Render/Style3.php (added)
-
tags/2.6.1/Public_Render/Style4.php (added)
-
tags/2.6.1/Public_Render/Style5.php (added)
-
tags/2.6.1/Public_Render/Style6.php (added)
-
tags/2.6.1/Public_Render/Style7.php (added)
-
tags/2.6.1/Public_Render/Style8.php (added)
-
tags/2.6.1/Public_Render/Style9.php (added)
-
tags/2.6.1/asset (added)
-
tags/2.6.1/asset/backend (added)
-
tags/2.6.1/asset/backend/css (added)
-
tags/2.6.1/asset/backend/css/admin-welcome.css (added)
-
tags/2.6.1/asset/backend/css/admin.css (added)
-
tags/2.6.1/asset/backend/css/bootstrap.min.css (added)
-
tags/2.6.1/asset/backend/css/bootstrap.min.css.map (added)
-
tags/2.6.1/asset/backend/css/fontawesome-iconpicker.css (added)
-
tags/2.6.1/asset/backend/css/icon-close-black.png (added)
-
tags/2.6.1/asset/backend/css/icon-close-white.png (added)
-
tags/2.6.1/asset/backend/css/img (added)
-
tags/2.6.1/asset/backend/css/img/trans_bg.png (added)
-
tags/2.6.1/asset/backend/css/jquery.fontselect.css (added)
-
tags/2.6.1/asset/backend/css/minicolors.css (added)
-
tags/2.6.1/asset/backend/css/notice.css (added)
-
tags/2.6.1/asset/backend/js (added)
-
tags/2.6.1/asset/backend/js-files (added)
-
tags/2.6.1/asset/backend/js-files/style1.js (added)
-
tags/2.6.1/asset/backend/js-files/style10.js (added)
-
tags/2.6.1/asset/backend/js-files/style11.js (added)
-
tags/2.6.1/asset/backend/js-files/style12.js (added)
-
tags/2.6.1/asset/backend/js-files/style13.js (added)
-
tags/2.6.1/asset/backend/js-files/style14.js (added)
-
tags/2.6.1/asset/backend/js-files/style15.js (added)
-
tags/2.6.1/asset/backend/js-files/style16.js (added)
-
tags/2.6.1/asset/backend/js-files/style17.js (added)
-
tags/2.6.1/asset/backend/js-files/style18.js (added)
-
tags/2.6.1/asset/backend/js-files/style19.js (added)
-
tags/2.6.1/asset/backend/js-files/style2.js (added)
-
tags/2.6.1/asset/backend/js-files/style20.js (added)
-
tags/2.6.1/asset/backend/js-files/style21.js (added)
-
tags/2.6.1/asset/backend/js-files/style22.js (added)
-
tags/2.6.1/asset/backend/js-files/style23.js (added)
-
tags/2.6.1/asset/backend/js-files/style24.js (added)
-
tags/2.6.1/asset/backend/js-files/style25.js (added)
-
tags/2.6.1/asset/backend/js-files/style26.js (added)
-
tags/2.6.1/asset/backend/js-files/style27.js (added)
-
tags/2.6.1/asset/backend/js-files/style28.js (added)
-
tags/2.6.1/asset/backend/js-files/style3.js (added)
-
tags/2.6.1/asset/backend/js-files/style4.js (added)
-
tags/2.6.1/asset/backend/js-files/style5.js (added)
-
tags/2.6.1/asset/backend/js-files/style6.js (added)
-
tags/2.6.1/asset/backend/js-files/style7.js (added)
-
tags/2.6.1/asset/backend/js-files/style8.js (added)
-
tags/2.6.1/asset/backend/js-files/style9.js (added)
-
tags/2.6.1/asset/backend/js/admin-notice.js (added)
-
tags/2.6.1/asset/backend/js/admin-recommended.js (added)
-
tags/2.6.1/asset/backend/js/bootstrap.min.js (added)
-
tags/2.6.1/asset/backend/js/bootstrap.min.js.map (added)
-
tags/2.6.1/asset/backend/js/create.js (added)
-
tags/2.6.1/asset/backend/js/dataTables.bootstrap.min.js (added)
-
tags/2.6.1/asset/backend/js/fontawesome-iconpicker.js (added)
-
tags/2.6.1/asset/backend/js/home.js (added)
-
tags/2.6.1/asset/backend/js/img (added)
-
tags/2.6.1/asset/backend/js/img/jquery.minicolors.png (added)
-
tags/2.6.1/asset/backend/js/img/trans_bg.png (added)
-
tags/2.6.1/asset/backend/js/import.js (added)
-
tags/2.6.1/asset/backend/js/jquery.bootstrap-growl.js (added)
-
tags/2.6.1/asset/backend/js/jquery.dataTables.min.js (added)
-
tags/2.6.1/asset/backend/js/jquery.minicolors.js (added)
-
tags/2.6.1/asset/backend/js/media-uploader.js (added)
-
tags/2.6.1/asset/backend/js/minicolors.js (added)
-
tags/2.6.1/asset/backend/js/popper.min.js (added)
-
tags/2.6.1/asset/backend/js/settings.js (added)
-
tags/2.6.1/asset/backend/js/vendor.js (added)
-
tags/2.6.1/asset/export (added)
-
tags/2.6.1/asset/frontend (added)
-
tags/2.6.1/asset/frontend/css (added)
-
tags/2.6.1/asset/frontend/css/Style1.css (added)
-
tags/2.6.1/asset/frontend/css/Style10.css (added)
-
tags/2.6.1/asset/frontend/css/Style11.css (added)
-
tags/2.6.1/asset/frontend/css/Style12.css (added)
-
tags/2.6.1/asset/frontend/css/Style13.css (added)
-
tags/2.6.1/asset/frontend/css/Style14.css (added)
-
tags/2.6.1/asset/frontend/css/Style15.css (added)
-
tags/2.6.1/asset/frontend/css/Style16.css (added)
-
tags/2.6.1/asset/frontend/css/Style17.css (added)
-
tags/2.6.1/asset/frontend/css/Style18.css (added)
-
tags/2.6.1/asset/frontend/css/Style19.css (added)
-
tags/2.6.1/asset/frontend/css/Style2.css (added)
-
tags/2.6.1/asset/frontend/css/Style20.css (added)
-
tags/2.6.1/asset/frontend/css/Style21.css (added)
-
tags/2.6.1/asset/frontend/css/Style22.css (added)
-
tags/2.6.1/asset/frontend/css/Style23.css (added)
-
tags/2.6.1/asset/frontend/css/Style24.css (added)
-
tags/2.6.1/asset/frontend/css/Style25.css (added)
-
tags/2.6.1/asset/frontend/css/Style26.css (added)
-
tags/2.6.1/asset/frontend/css/Style27.css (added)
-
tags/2.6.1/asset/frontend/css/Style28.css (added)
-
tags/2.6.1/asset/frontend/css/Style29.css (added)
-
tags/2.6.1/asset/frontend/css/Style3.css (added)
-
tags/2.6.1/asset/frontend/css/Style4.css (added)
-
tags/2.6.1/asset/frontend/css/Style5.css (added)
-
tags/2.6.1/asset/frontend/css/Style6.css (added)
-
tags/2.6.1/asset/frontend/css/Style7.css (added)
-
tags/2.6.1/asset/frontend/css/Style8.css (added)
-
tags/2.6.1/asset/frontend/css/Style9.css (added)
-
tags/2.6.1/asset/frontend/css/animation.css (added)
-
tags/2.6.1/asset/frontend/css/flip-boxes.css (added)
-
tags/2.6.1/asset/frontend/css/font-awsome.min.css (added)
-
tags/2.6.1/asset/frontend/css/style.css (added)
-
tags/2.6.1/asset/frontend/js (added)
-
tags/2.6.1/asset/frontend/js/jquery.js (added)
-
tags/2.6.1/asset/frontend/js/waypoints.min.js (added)
-
tags/2.6.1/asset/frontend/webfonts (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-brands-400.eot (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-brands-400.svg (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-brands-400.ttf (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-brands-400.woff (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-brands-400.woff2 (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-regular-400.eot (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-regular-400.svg (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-regular-400.ttf (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-regular-400.woff (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-regular-400.woff2 (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-solid-900.eot (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-solid-900.svg (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-solid-900.ttf (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-solid-900.woff (added)
-
tags/2.6.1/asset/frontend/webfonts/fa-solid-900.woff2 (added)
-
tags/2.6.1/autoloader.php (added)
-
tags/2.6.1/image (added)
-
tags/2.6.1/image/logo.png (added)
-
tags/2.6.1/image/sa-logo.png (added)
-
tags/2.6.1/index.php (added)
-
tags/2.6.1/readme.txt (added)
-
trunk/Classes/Admin_Ajax.php (modified) (12 diffs)
-
trunk/Classes/Bootstrap.php (modified) (1 diff)
-
trunk/Classes/Installation.php (modified) (1 diff)
-
trunk/Classes/Support_Recommended.php (modified) (2 diffs)
-
trunk/Classes/Support_Reviews.php (modified) (2 diffs)
-
trunk/Inc/Style1.php (modified) (14 diffs)
-
trunk/Inc/Style10.php (modified) (11 diffs)
-
trunk/Inc/Style11.php (modified) (12 diffs)
-
trunk/Inc/Style12.php (modified) (16 diffs)
-
trunk/Inc/Style13.php (modified) (13 diffs)
-
trunk/Inc/Style14.php (modified) (13 diffs)
-
trunk/Inc/Style15.php (modified) (15 diffs)
-
trunk/Inc/Style16.php (modified) (12 diffs)
-
trunk/Inc/Style17.php (modified) (13 diffs)
-
trunk/Inc/Style18.php (modified) (15 diffs)
-
trunk/Inc/Style19.php (modified) (12 diffs)
-
trunk/Inc/Style2.php (modified) (17 diffs)
-
trunk/Inc/Style20.php (modified) (16 diffs)
-
trunk/Inc/Style21.php (modified) (10 diffs)
-
trunk/Inc/Style22.php (modified) (12 diffs)
-
trunk/Inc/Style23.php (modified) (16 diffs)
-
trunk/Inc/Style24.php (modified) (12 diffs)
-
trunk/Inc/Style25.php (modified) (10 diffs)
-
trunk/Inc/Style26.php (modified) (16 diffs)
-
trunk/Inc/Style27.php (modified) (14 diffs)
-
trunk/Inc/Style28.php (modified) (12 diffs)
-
trunk/Inc/Style29.php (modified) (13 diffs)
-
trunk/Inc/Style3.php (modified) (14 diffs)
-
trunk/Inc/Style4.php (modified) (14 diffs)
-
trunk/Inc/Style5.php (modified) (13 diffs)
-
trunk/Inc/Style6.php (modified) (12 diffs)
-
trunk/Inc/Style7.php (modified) (11 diffs)
-
trunk/Inc/Style8.php (modified) (12 diffs)
-
trunk/Inc/Style9.php (modified) (15 diffs)
-
trunk/Inc_Helper/Admin_helper.php (modified) (2 diffs)
-
trunk/Inc_Helper/Public_Helper.php (modified) (2 diffs)
-
trunk/Inc_Helper/Sanitization.php (modified) (16 diffs)
-
trunk/Modules/Visual_Composer.php (modified) (1 diff)
-
trunk/Modules/Widget.php (modified) (2 diffs)
-
trunk/Page/Addons.php (modified) (1 diff)
-
trunk/Page/Admin_Render.php (modified) (7 diffs)
-
trunk/Page/Create.php (modified) (5 diffs)
-
trunk/Page/Home.php (modified) (4 diffs)
-
trunk/Page/Import.php (modified) (5 diffs)
-
trunk/Page/Public_Render.php (modified) (8 diffs)
-
trunk/Page/Settings.php (modified) (5 diffs)
-
trunk/Page/Welcome.php (modified) (1 diff)
-
trunk/Public_Render/Style1.php (modified) (10 diffs)
-
trunk/Public_Render/Style10.php (modified) (10 diffs)
-
trunk/Public_Render/Style11.php (modified) (10 diffs)
-
trunk/Public_Render/Style12.php (modified) (12 diffs)
-
trunk/Public_Render/Style13.php (modified) (10 diffs)
-
trunk/Public_Render/Style14.php (modified) (14 diffs)
-
trunk/Public_Render/Style15.php (modified) (13 diffs)
-
trunk/Public_Render/Style16.php (modified) (9 diffs)
-
trunk/Public_Render/Style17.php (modified) (10 diffs)
-
trunk/Public_Render/Style18.php (modified) (6 diffs)
-
trunk/Public_Render/Style19.php (modified) (8 diffs)
-
trunk/Public_Render/Style2.php (modified) (9 diffs)
-
trunk/Public_Render/Style20.php (modified) (6 diffs)
-
trunk/Public_Render/Style21.php (modified) (8 diffs)
-
trunk/Public_Render/Style22.php (modified) (9 diffs)
-
trunk/Public_Render/Style23.php (modified) (11 diffs)
-
trunk/Public_Render/Style24.php (modified) (8 diffs)
-
trunk/Public_Render/Style25.php (modified) (6 diffs)
-
trunk/Public_Render/Style26.php (modified) (11 diffs)
-
trunk/Public_Render/Style27.php (modified) (12 diffs)
-
trunk/Public_Render/Style28.php (modified) (10 diffs)
-
trunk/Public_Render/Style29.php (modified) (6 diffs)
-
trunk/Public_Render/Style3.php (modified) (10 diffs)
-
trunk/Public_Render/Style4.php (modified) (11 diffs)
-
trunk/Public_Render/Style5.php (modified) (9 diffs)
-
trunk/Public_Render/Style6.php (modified) (10 diffs)
-
trunk/Public_Render/Style7.php (modified) (11 diffs)
-
trunk/Public_Render/Style8.php (modified) (11 diffs)
-
trunk/Public_Render/Style9.php (modified) (11 diffs)
-
trunk/asset/backend/css/bootstrap.min.css (modified) (1 diff)
-
trunk/asset/backend/js/bootstrap.min.js (modified) (1 diff)
-
trunk/asset/backend/js/settings.js (modified) (2 diffs)
-
trunk/index.php (modified) (2 diffs)
-
trunk/readme.txt (modified) (3 diffs)
Legend:
- Unmodified
- Added
- Removed
-
image-hover-effects-ultimate-visual-composer/trunk/Classes/Admin_Ajax.php
r2646976 r2648808 53 53 public function __construct($type = '', $data = '', $styleid = '', $itemid = '') { 54 54 if (!empty($type) && !empty($data)): 55 56 $user_permission = $this->check_user_permission(); 57 if (!current_user_can($user_permission)): 58 return wp_die(__('You do not have permission.')); 59 endif; 60 55 61 global $wpdb; 56 62 $this->wpdb = $wpdb; … … 62 68 } 63 69 70 public function check_user_permission() { 71 $user_role = get_option('oxi_addons_user_permission'); 72 $role_object = get_role($user_role); 73 $first_key = ''; 74 if (isset($role_object->capabilities) && is_array($role_object->capabilities)) { 75 reset($role_object->capabilities); 76 $first_key = key($role_object->capabilities); 77 } else { 78 $first_key = 'manage_options'; 79 } 80 return $first_key; 81 } 82 64 83 public function active_data() { 84 $user_permission = $this->check_user_permission(); 85 if (!current_user_can($user_permission)): 86 return wp_die(__('You do not have permission.')); 87 endif; 88 65 89 global $wpdb; 66 90 $this->wpdb = $wpdb; … … 88 112 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, 'flip', $value['files'], $value['css']))); 89 113 } 90 echo admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id");114 echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id")); 91 115 endif; 92 116 else: … … 102 126 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, 'flip', $value['files'], $value['css']))); 103 127 } 104 echo admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id");128 echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id")); 105 129 endif; 106 130 endif; … … 131 155 $flip = 'flip'; 132 156 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES (%s, %d)", array($flip, $styleid))); 133 echo admin_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid);157 echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid)); 134 158 else: 135 159 echo 'Silence is Golden'; … … 178 202 } 179 203 180 public function get_shortcode_export($data = '', $styleid = '', $itemid = '') { 181 echo $styleid; 182 if ($styleid): 183 $style = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM $this->parent_table WHERE id = %d", $styleid), ARRAY_A); 184 $child = $this->wpdb->get_results($this->wpdb->prepare("SELECT * FROM $this->child_table WHERE styleid = %d ORDER by id ASC", $styleid), ARRAY_A); 185 $filename = 'oxilab-flipboxand' . $style['id'] . '.json'; 186 $files = [ 187 'style' => $style, 188 'child' => $child, 189 ]; 190 $finalfiles = json_encode($files); 191 $this->send_file_headers($filename, strlen($finalfiles)); 192 @ob_end_clean(); 193 flush(); 194 echo $finalfiles; 195 die; 196 else: 197 return 'Silence is Golden'; 198 endif; 199 return; 200 } 201 202 public function post_json_import($folder, $filename) { 203 if (is_file($folder . $filename)) { 204 $this->active_data(); 205 $params = json_decode(file_get_contents($folder . $filename), true); 206 $style = $params['style']; 207 $child = $params['child']; 208 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent_table} (name, type, style_name, css) VALUES ( %s, %s, %s, %s)", array($style['name'], $style['type'], $style['style_name'], $style['css']))); 209 $redirect_id = $this->wpdb->insert_id; 210 if ($redirect_id > 0): 211 foreach ($child as $value) { 212 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, $value['type'], $value['files'], $value['css']))); 213 } 214 endif; 215 $check_import = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM $this->import_table WHERE type = %s AND name = %s", 'flip', str_replace('style', '', $style['style_name'])), ARRAY_A); 216 if (!is_array($check_import)): 217 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES ( %s, %s)", array('flip', str_replace('style', '', $style['style_name'])))); 218 endif; 219 } 204 public function post_json_import($params) { 205 if (!is_array($params) || $params['style']['type'] != 'flip') { 206 return new \WP_Error('file_error', 'Invalid Content In File'); 207 } 208 $this->active_data(); 209 210 $style = $params['style']; 211 $child = $params['child']; 212 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent_table} (name, type, style_name, css) VALUES ( %s, %s, %s, %s)", array($style['name'], $style['type'], $style['style_name'], $style['css']))); 213 $redirect_id = $this->wpdb->insert_id; 214 if ($redirect_id > 0): 215 foreach ($child as $value) { 216 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, $value['type'], $value['files'], $value['css']))); 217 } 218 endif; 219 $check_import = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM $this->import_table WHERE type = %s AND name = %s", 'flip', str_replace('style', '', $style['style_name'])), ARRAY_A); 220 if (!is_array($check_import)): 221 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES ( %s, %s)", array('flip', str_replace('style', '', $style['style_name'])))); 222 endif; 223 return admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id"); 220 224 } 221 225 … … 245 249 endif; 246 250 endif; 247 echo json_encode($data); 251 248 252 return; 249 253 } … … 263 267 $message = $response->get_error_message(); 264 268 } else { 265 $message = __('An error occurred, please try again.');269 $message = esc_html('An error occurred, please try again.'); 266 270 } 267 271 } else { … … 274 278 case 'expired' : 275 279 276 $message = sprintf( 277 __('Your license key expired on %s.'), date_i18n(get_option('date_format'), strtotime($license_data->expires, current_time('timestamp'))) 278 ); 280 $message = esc_html('Your license key expired') 281 ; 279 282 break; 280 283 281 284 case 'revoked' : 282 285 283 $message = __('Your license key has been disabled.');286 $message = esc_html('Your license key has been disabled.'); 284 287 break; 285 288 286 289 case 'missing' : 287 290 288 $message = __('Invalid license.');291 $message = esc_html('Invalid license.'); 289 292 break; 290 293 … … 292 295 case 'site_inactive' : 293 296 294 $message = __('Your license is not active for this URL.');297 $message = esc_html('Your license is not active for this URL.'); 295 298 break; 296 299 297 300 case 'item_name_mismatch' : 298 301 299 $message = sprintf(__('This appears to be an invalid license key for %s.'), OXI_FLIP_BOX_TEXTDOMAIN);302 $message = esc_html('This appears to be an invalid license key '); 300 303 break; 301 304 302 305 case 'no_activations_left': 303 306 304 $message = __('Your license key has reached its activation limit.');307 $message = esc_html('Your license key has reached its activation limit.'); 305 308 break; 306 309 307 310 default : 308 311 309 $message = __('An error occurred, please try again.');312 $message = esc_html('An error occurred, please try again.'); 310 313 break; 311 314 } … … 333 336 $message = $response->get_error_message(); 334 337 } else { 335 $message = __('An error occurred, please try again.');338 $message = esc_html('An error occurred, please try again.'); 336 339 } 337 340 return $message; … … 349 352 * @return void 350 353 */ 351 public function oxi_settings($data = '', $styleid = '', $itemid = '') { 354 public function oxi_addons_user_permission($data = '', $styleid = '', $itemid = '') { 355 $user_permission = $this->check_user_permission(); 356 if (!current_user_can($user_permission)): 357 return wp_die(__('You do not have permission.')); 358 endif; 352 359 $rawdata = json_decode(stripslashes($data), true); 353 $name = sanitize_text_field($rawdata['name']);354 360 $value = sanitize_text_field($rawdata['value']); 355 if ($name === 'oxi_addons_user_permissions'): 356 update_option('oxi_addons_user_permission', $value); 357 echo '<span class="oxi-confirmation-success"></span>'; 358 elseif ($name === 'oxi_addons_font_awesome'): 359 update_option('oxi_addons_font_awesome', $value); 360 echo '<span class="oxi-confirmation-success"></span>'; 361 elseif ($name === 'oxi_addons_google_font'): 362 update_option('oxi_addons_google_font', $value); 363 echo '<span class="oxi-confirmation-success"></span>'; 364 elseif ($name === 'oxi_addons_pre_loader'): 365 update_option('oxi_addons_pre_loader', $value); 366 echo '<span class="oxi-confirmation-success"></span>'; 367 endif; 361 update_option('oxi_addons_user_permission', $value); 362 echo '<span class="oxi-confirmation-success"></span>'; 363 return; 364 } 365 366 /** 367 * Admin Settings 368 * @return void 369 */ 370 public function oxi_addons_font_awesome($data = '', $styleid = '', $itemid = '') { 371 $user_permission = $this->check_user_permission(); 372 if (!current_user_can($user_permission)): 373 return wp_die(__('You do not have permission.')); 374 endif; 375 $rawdata = json_decode(stripslashes($data), true); 376 $value = sanitize_text_field($rawdata['value']); 377 update_option('oxi_addons_font_awesome', $value); 378 echo '<span class="oxi-confirmation-success"></span>'; 379 return; 380 } 381 382 /** 383 * Admin Settings 384 * @return void 385 */ 386 public function oxi_addons_google_font($data = '', $styleid = '', $itemid = '') { 387 $user_permission = $this->check_user_permission(); 388 if (!current_user_can($user_permission)): 389 return wp_die(__('You do not have permission.')); 390 endif; 391 $rawdata = json_decode(stripslashes($data), true); 392 $value = sanitize_text_field($rawdata['value']); 393 update_option('oxi_addons_google_font', $value); 394 echo '<span class="oxi-confirmation-success"></span>'; 395 return; 396 } 397 398 /** 399 * Admin Settings 400 * @return void 401 */ 402 public function oxi_addons_pre_loader($data = '', $styleid = '', $itemid = '') { 403 $user_permission = $this->check_user_permission(); 404 if (!current_user_can($user_permission)): 405 return wp_die(__('You do not have permission.')); 406 endif; 407 $rawdata = json_decode(stripslashes($data), true); 408 $value = sanitize_text_field($rawdata['value']); 409 update_option('oxi_addons_pre_loader', $value); 410 echo '<span class="oxi-confirmation-success"></span>'; 368 411 return; 369 412 } -
image-hover-effects-ultimate-visual-composer/trunk/Classes/Bootstrap.php
r2497348 r2648808 117 117 118 118 public function Admin_Filters() { 119 // echo $this->fixed_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473'); 119 120 120 add_filter($this->fixed_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473'), array($this, $this->fixed_data('537570706f7274416e64436f6d6d656e7473'))); 121 121 add_filter($this->fixed_data('6f78692d666c69702d626f782d706c7567696e2f70726f5f76657273696f6e'), array($this, $this->fixed_data('636865636b5f63757272656e745f74616273'))); -
image-hover-effects-ultimate-visual-composer/trunk/Classes/Installation.php
r2629126 r2648808 97 97 public function plugin_upgrade_hook($upgrader_object, $options) { 98 98 if ($options['action'] == 'update' && $options['type'] == 'plugin') { 99 if (isset($options['plugins'][ OXI_FLIP_BOX_TEXTDOMAIN])) {99 if (isset($options['plugins']['image-hover-effects-ultimate-visual-composer'])) { 100 100 101 101 $this->Flip_Datatase(); -
image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Recommended.php
r2646976 r2648808 35 35 } 36 36 $this->extension(); 37 add_action('admin_notices', array($this, 'first_install')); 37 38 38 add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts')); 39 39 add_action('admin_notices', array($this, 'dismiss_button_scripts')); … … 73 73 74 74 /** 75 * First Installation Track76 * @return void77 */78 public function first_install() {79 $installed_plugins = get_plugins();80 81 $plugin = [];82 $i = 1;83 84 foreach ($this->get_plugins as $key => $value) {85 if (!isset($installed_plugins[$value['modules-path']])) :86 $plugin[$i] = $value;87 $i++;88 endif;89 }90 91 92 $recommend = [];93 94 for ($p = 1; $p < 100; $p++) :95 if (isset($plugin[$p]) && count($recommend) < 3) :96 if (isset($plugin[$p]['dependency']) && $plugin[$p]['dependency'] != '') :97 if (isset($installed_plugins[$plugin[$p]['dependency']])) :98 $recommend = $plugin[$p];99 $p = 100;100 endif;101 elseif ($plugin[$p]['modules-path'] != $this->current_plugins) :102 103 $recommend = $plugin[$p];104 $p = 100;105 endif;106 107 else :108 $p = 100;109 endif;110 endfor;111 112 if (count($recommend) > 2 && $recommend['modules-path'] != '') :113 $plugin = explode('/', $recommend['modules-path'])[0];114 $massage = '<p>Thank you for using my Flipbox - Awesomes Flip Boxes Image Overlay. ' . $recommend['modules-massage'] . '</p>';115 116 $install_url = wp_nonce_url(add_query_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin_url('update.php')), 'install-plugin' . '_' . $plugin);117 echo '<div class="oxi-addons-admin-notifications" style=" width: auto;">118 <h3>119 <span class="dashicons dashicons-flag"></span>120 Notifications121 </h3>122 <p></p>123 <div class="oxi-addons-admin-notifications-holder">124 <div class="oxi-addons-admin-notifications-alert">125 ' . $massage . '126 <p>' . sprintf('<a href="%s" class="button button-large button-primary">%s</a>', $install_url, __('Install Now', OXI_FLIP_BOX_TEXTDOMAIN)) . ' <a href="#" class="button button-large button-secondary oxi-flip-admin-recommended-dismiss">No, Thanks</a></p>127 </div>128 </div>129 <p></p>130 </div>';131 endif;132 }133 134 /**135 75 * Admin Notice CSS file loader 136 76 * @return void -
image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Reviews.php
r2646976 r2648808 15 15 */ 16 16 public function __construct() { 17 if (!current_user_can('install_plugins')): 18 return; 19 endif; 17 20 add_action('admin_notices', array($this, 'first_install')); 18 21 add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts')); … … 51 54 } 52 55 $image = OXI_FLIP_BOX_URL . 'image/logo.png'; 53 echo _(' <div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice"> 54 <div class="shortcode-addons-notice-thumbnail"> 55 <img src="' . $image . '" alt=""></div> 56 <div class="shortcode-addons--notice-message"> 57 <p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p> 58 <ul class="shortcode-addons--notice-link"> 59 <li> 60 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="_blank"> 61 <span class="dashicons dashicons-external"></span>Ok, you deserve it! 62 </a> 63 </li> 64 <li> 65 <a class="oxi-flip-support-reviews" sup-data="success" href="#"> 66 <span class="dashicons dashicons-smiley"></span>I already did 67 </a> 68 </li> 69 <li> 70 <a class="oxi-flip-support-reviews" sup-data="maybe" href="#"> 71 <span class="dashicons dashicons-calendar-alt"></span>Maybe Later 72 </a> 73 </li> 74 <li> 75 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/"> 76 <span class="dashicons dashicons-sos"></span>I need help 77 </a> 78 </li> 79 <li> 80 <a class="oxi-flip-support-reviews" sup-data="never" href="#"> 81 <span class="dashicons dashicons-dismiss"></span>Never show again 82 </a> 83 </li> 84 </ul> 85 </div> 86 </div>'); 56 ?> 57 <div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice"> 58 <div class="shortcode-addons-notice-thumbnail"> 59 <img src="<?php echo esc_url($image); ?>" alt=""></div> 60 <div class="shortcode-addons--notice-message"> 61 <p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p> 62 <ul class="shortcode-addons--notice-link"> 63 <li> 64 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="_blank"> 65 <span class="dashicons dashicons-external"></span>Ok, you deserve it! 66 </a> 67 </li> 68 <li> 69 <a class="oxi-flip-support-reviews" sup-data="success" href="#"> 70 <span class="dashicons dashicons-smiley"></span>I already did 71 </a> 72 </li> 73 <li> 74 <a class="oxi-flip-support-reviews" sup-data="maybe" href="#"> 75 <span class="dashicons dashicons-calendar-alt"></span>Maybe Later 76 </a> 77 </li> 78 <li> 79 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/"> 80 <span class="dashicons dashicons-sos"></span>I need help 81 </a> 82 </li> 83 <li> 84 <a class="oxi-flip-support-reviews" sup-data="never" href="#"> 85 <span class="dashicons dashicons-dismiss"></span>Never show again 86 </a> 87 </li> 88 </ul> 89 </div> 90 </div> 91 <?php 87 92 } 88 93 -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style1.php
r2590546 r2648808 113 113 <div class="modal-body row"> 114 114 <?php 115 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');116 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');117 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');115 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 116 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f'); 117 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 118 118 ?> 119 119 </div> … … 126 126 <div class="modal-body row"> 127 127 <?Php 128 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');129 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');130 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');131 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');128 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 129 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 130 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 131 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 132 132 ?> 133 133 </div> … … 144 144 </div> 145 145 <?php 146 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);147 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');148 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');149 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');146 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 147 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 148 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 149 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 150 150 ?> 151 151 </div> … … 155 155 </div> 156 156 <?php 157 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');158 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');157 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 158 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 159 159 ?> 160 160 </div> … … 166 166 </div> 167 167 <?php 168 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);169 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');168 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 169 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 170 170 ?> 171 171 </div> … … 175 175 </div> 176 176 <?php 177 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');178 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');179 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');177 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 178 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 179 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 180 180 ?> 181 181 </div> … … 190 190 <?php ?> 191 191 <?php 192 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data');193 echo$this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');194 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');195 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');196 echo$this->oxilab_flip_box_admin_number('front-border-size', $this->style[75], '1', 'Border Size', 'Give your Border Size around the Flip');192 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data'); 193 $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width'); 194 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 195 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 196 $this->oxilab_flip_box_admin_number('front-border-size', $this->style[75], '1', 'Border Size', 'Give your Border Size around the Flip'); 197 197 ?> 198 198 </div> … … 202 202 </div> 203 203 <?php 204 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');205 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon [class^=\'fa\']');206 echo$this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon');207 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');208 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');204 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 205 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon [class^=\'fa\']'); 206 $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon'); 207 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 208 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 209 209 ?> 210 210 </div> … … 216 216 </div> 217 217 <?php 218 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');219 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data');220 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');221 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');222 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');223 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');224 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');225 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');218 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 219 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data'); 220 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 221 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 222 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 223 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 224 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 225 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 226 226 ?> 227 227 </div> … … 235 235 </div> 236 236 <?php 237 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');238 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');239 echo$this->oxilab_flip_box_admin_number('backend-border-size', $this->style[105], '1', 'Border Size', 'Give your Border Size around the Flip');240 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');237 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 238 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 239 $this->oxilab_flip_box_admin_number('backend-border-size', $this->style[105], '1', 'Border Size', 'Give your Border Size around the Flip'); 240 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 241 241 ?> 242 242 </div> … … 246 246 </div> 247 247 <?php 248 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');249 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');250 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');251 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');252 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');253 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');254 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');255 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');248 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 249 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 250 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 251 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 252 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 253 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 254 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 255 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 256 256 ?> 257 257 </div> … … 263 263 </div> 264 264 <?php 265 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');266 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');267 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');268 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');269 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');270 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');271 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');272 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');273 echo$this->oxilab_flip_box_admin_number_double('backend-button-padding-top', $this->style[133], 'backend-button-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');274 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');275 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');276 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');277 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');265 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 266 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 267 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 268 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 269 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 270 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 271 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 272 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 273 $this->oxilab_flip_box_admin_number_double('backend-button-padding-top', $this->style[133], 'backend-button-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 274 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 275 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 276 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 277 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 278 278 ?> 279 279 </div> … … 284 284 <div class="form-group"> 285 285 <label for="custom-css" class="custom-css">Custom CSS:</label> 286 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[149]; ?></textarea>286 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[149]); ?></textarea> 287 287 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 288 288 </div> … … 292 292 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 293 293 <?php 294 echo$this->oxilab_flip_box_admin_support();294 $this->oxilab_flip_box_admin_support(); 295 295 ?> 296 296 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style10.php
r2590546 r2648808 96 96 <div class="modal-body row"> 97 97 <?php 98 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');99 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');100 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');101 ?> 98 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 99 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f'); 100 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 101 ?> 102 102 </div> 103 103 <div class="modal-header"> … … 109 109 <div class="modal-body row"> 110 110 <?Php 111 echo$this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f');112 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');113 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');114 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');115 ?> 111 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f'); 112 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 113 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 114 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 115 ?> 116 116 </div> 117 117 <?php … … 125 125 <div class="oxi-head"> 126 126 General Settings 127 </div> 128 <?php 129 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);130 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');131 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');132 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');133 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[69], '1', 'Border Radius', 'Set your flip Border Radius');134 ?> 135 </div> 127 </div> 128 <?php 129 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 130 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 131 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 132 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 133 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[69], '1', 'Border Radius', 'Set your flip Border Radius'); 134 ?> 135 </div> 136 136 <div class="oxi-addons-content-div"> 137 137 <div class="oxi-head"> 138 138 Optional Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');142 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');143 ?> 139 </div> 140 <?php 141 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 142 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 143 ?> 144 144 </div> 145 145 </div> … … 150 150 </div> 151 151 <?php 152 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);153 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');154 ?> 155 </div> 152 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 153 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 154 ?> 155 </div> 156 156 <div class="oxi-addons-content-div"> 157 157 <div class="oxi-head"> … … 159 159 </div> 160 160 <?php 161 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');162 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');163 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');164 ?> 165 </div> 161 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 162 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 163 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 164 ?> 165 </div> 166 166 </div> 167 167 </div> … … 171 171 <div class="oxi-head"> 172 172 General Settings 173 </div> 174 <?php 175 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . '');176 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');177 ?> 178 </div> 173 </div> 174 <?php 175 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 176 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 177 ?> 178 </div> 179 179 <div class="oxi-addons-content-div"> 180 180 <div class="oxi-head"> 181 181 Icon Settings 182 </div> 183 <?php 184 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');185 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');186 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');187 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');188 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');189 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');190 ?> 182 </div> 183 <?php 184 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 185 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 186 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 187 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 188 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 189 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 190 ?> 191 191 </div> 192 192 </div> … … 197 197 </div> 198 198 <?php 199 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');200 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');201 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');202 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');203 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');204 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');205 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');206 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');207 ?> 208 </div> 199 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 200 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 201 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 202 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 203 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 204 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 205 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 206 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 207 ?> 208 </div> 209 209 </div> 210 210 </div> … … 214 214 <div class="oxi-head"> 215 215 General Settings 216 </div> 217 <?php 218 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');219 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');220 ?> 221 </div> 216 </div> 217 <?php 218 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 219 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 220 ?> 221 </div> 222 222 <div class="oxi-addons-content-div"> 223 223 <div class="oxi-head"> 224 224 Icon Settings 225 </div> 226 <?php 227 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');228 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');229 echo$this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');230 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');231 ?> 225 </div> 226 <?php 227 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 228 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 229 $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 230 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 231 ?> 232 232 </div> 233 233 </div> … … 236 236 <div class="oxi-head"> 237 237 Backend Info 238 </div> 239 <?php 240 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');241 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');242 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');243 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');244 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');245 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');246 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');247 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');248 ?> 249 </div> 238 </div> 239 <?php 240 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 241 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 242 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 243 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 244 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 245 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 246 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 247 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 248 ?> 249 </div> 250 250 </div> 251 251 </div> … … 254 254 <div class="form-group"> 255 255 <label for="custom-css" class="custom-css">Custom CSS:</label> 256 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[137]; ?></textarea>256 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[137]); ?></textarea> 257 257 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 258 258 </div> … … 261 261 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 262 262 <?php 263 echo$this->oxilab_flip_box_admin_support();263 $this->oxilab_flip_box_admin_support(); 264 264 ?> 265 265 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style11.php
r2590546 r2648808 130 130 <div class="modal-body row"> 131 131 <?php 132 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');133 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');134 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');135 ?> 132 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 133 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f'); 134 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 135 ?> 136 136 </div> 137 137 <div class="modal-header"> … … 143 143 <div class="modal-body row"> 144 144 <?Php 145 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[7], 'Backend Title', 'Add your flip backend title.');146 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[9], 'Backend Info:', 'Add backend Info text unless make it blank.');147 echo$this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[11], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');148 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');149 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[15], 'Link', 'Add your desire link or url unless make it blank');150 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[17], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');151 ?> 145 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[7], 'Backend Title', 'Add your flip backend title.'); 146 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[9], 'Backend Info:', 'Add backend Info text unless make it blank.'); 147 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[11], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 148 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.'); 149 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[15], 'Link', 'Add your desire link or url unless make it blank'); 150 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[17], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 151 ?> 152 152 </div> 153 153 <?php … … 161 161 <div class="oxi-head"> 162 162 General Settings 163 </div> 164 <?php 165 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);166 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');167 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');168 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');169 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');170 ?> 171 </div> 163 </div> 164 <?php 165 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 166 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 167 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 168 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 169 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 170 ?> 171 </div> 172 172 <div class="oxi-addons-content-div"> 173 173 <div class="oxi-head"> 174 174 Optional Settings 175 </div> 176 <?php 177 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');178 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');179 ?> 175 </div> 176 <?php 177 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 178 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 179 ?> 180 180 </div> 181 181 </div> … … 186 186 </div> 187 187 <?php 188 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);189 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');190 ?> 191 </div> 188 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 189 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 190 ?> 191 </div> 192 192 <div class="oxi-addons-content-div"> 193 193 <div class="oxi-head"> … … 195 195 </div> 196 196 <?php 197 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');198 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');199 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');200 ?> 201 </div> 197 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 198 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 199 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 200 ?> 201 </div> 202 202 </div> 203 203 </div> … … 207 207 <div class="oxi-head"> 208 208 General Settings 209 </div> 210 <?php 211 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');212 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');213 ?> 214 </div> 209 </div> 210 <?php 211 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 212 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 213 ?> 214 </div> 215 215 <div class="oxi-addons-content-div"> 216 216 <div class="oxi-head"> 217 217 Icon Settings 218 </div> 219 <?php 220 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');221 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');222 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');223 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');224 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');225 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');226 ?> 218 </div> 219 <?php 220 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 221 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 222 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 223 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 224 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 225 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 226 ?> 227 227 </div> 228 228 </div> … … 233 233 </div> 234 234 <?php 235 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');236 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');237 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');238 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');239 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');240 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');241 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');242 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');243 ?> 244 </div> 235 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 236 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 237 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 238 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 239 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 240 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 241 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 242 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 243 ?> 244 </div> 245 245 </div> 246 246 </div> … … 250 250 <div class="oxi-head"> 251 251 General Settings 252 </div> 253 <?php 254 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');255 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');256 ?> 257 </div> 252 </div> 253 <?php 254 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 255 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 256 ?> 257 </div> 258 258 <div class="oxi-addons-content-div"> 259 259 <div class="oxi-head"> 260 260 Icon Settings 261 </div> 262 <?php 263 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');264 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[17], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');265 echo$this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');266 echo$this->oxilab_flip_box_admin_number('backend-icon-border-bottom', $this->style[105], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.');267 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');268 ?> 261 </div> 262 <?php 263 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 264 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[17], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 265 $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 266 $this->oxilab_flip_box_admin_number('backend-icon-border-bottom', $this->style[105], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.'); 267 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 268 ?> 269 269 </div> 270 270 <div class="oxi-addons-content-div"> … … 273 273 </div> 274 274 <?php 275 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[137], '1', 'Font Size', 'Set your backend Heading Font Size');276 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[15], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');277 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[139], 'Font Family', 'Give your Prepared Font from our Google Font List');278 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[141], 'Font Style', 'Set your Heading Font Style');279 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[143], 'Font Weight', 'Give your backend Heading Font Weight');280 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[145], 'Text Align', 'Give your Heading Text Align');281 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[147], 'backend-heading-padding-bottom', $this->style[149], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');282 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[151], 'backend-heading-padding-right', $this->style[153], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');283 ?> 275 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[137], '1', 'Font Size', 'Set your backend Heading Font Size'); 276 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[15], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 277 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[139], 'Font Family', 'Give your Prepared Font from our Google Font List'); 278 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[141], 'Font Style', 'Set your Heading Font Style'); 279 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[143], 'Font Weight', 'Give your backend Heading Font Weight'); 280 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[145], 'Text Align', 'Give your Heading Text Align'); 281 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[147], 'backend-heading-padding-bottom', $this->style[149], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 282 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[151], 'backend-heading-padding-right', $this->style[153], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 283 ?> 284 284 </div> 285 285 </div> … … 288 288 <div class="oxi-head"> 289 289 Backend Info 290 </div> 291 <?php 292 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');293 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');294 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');295 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');296 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');297 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');298 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');299 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');300 ?> 290 </div> 291 <?php 292 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 293 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 294 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 295 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 296 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 297 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 298 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 299 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 300 ?> 301 301 </div> 302 302 <div class="oxi-addons-content-div"> … … 305 305 </div> 306 306 <?php 307 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[155], '1', 'Font Size', 'Set your Backend Button Font Size');308 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');309 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');310 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');311 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');312 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[157], 'Font Family', 'Give your Prepared Font from our Google Font List');313 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[159], 'Font Style', 'Set your Backend Button Font Style');314 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[161], 'Font Weight', 'Give your Backend Button Font Weight');315 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[163], 'backend-button-info-padding-left', $this->style[165], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');316 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[167], '1', 'Border Radius', 'Set your Backend Button Border Radius');317 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[169], 'Text Align', 'Give your Backend Button Text Align');318 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[171], 'backend-info-margin-bottom', $this->style[173], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');319 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[175], 'backend-info-margin-right', $this->style[177], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');320 ?> 321 </div> 322 </div> 323 </div> 307 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[155], '1', 'Font Size', 'Set your Backend Button Font Size'); 308 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 309 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 310 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 311 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 312 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[157], 'Font Family', 'Give your Prepared Font from our Google Font List'); 313 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[159], 'Font Style', 'Set your Backend Button Font Style'); 314 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[161], 'Font Weight', 'Give your Backend Button Font Weight'); 315 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[163], 'backend-button-info-padding-left', $this->style[165], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 316 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[167], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 317 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[169], 'Text Align', 'Give your Backend Button Text Align'); 318 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[171], 'backend-info-margin-bottom', $this->style[173], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 319 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[175], 'backend-info-margin-right', $this->style[177], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 320 ?> 321 </div> 322 </div> 323 </div> 324 324 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 325 325 <div class="col-xs-12 p-2"> 326 326 <div class="form-group"> 327 327 <label for="custom-css" class="custom-css">Custom CSS:</label> 328 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[179]; ?></textarea>328 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[179]); ?></textarea> 329 329 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 330 330 </div> … … 333 333 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 334 334 <?php 335 echo$this->oxilab_flip_box_admin_support();335 $this->oxilab_flip_box_admin_support(); 336 336 ?> 337 337 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style12.php
r2590546 r2648808 131 131 <div class="modal-body row"> 132 132 <?php 133 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');134 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');135 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');136 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');133 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 134 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 135 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 136 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 137 137 ?> 138 138 </div> … … 145 145 <div class="modal-body row"> 146 146 <?php 147 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');148 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');149 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');150 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');147 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 148 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 149 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 150 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 151 151 ?> 152 152 </div> … … 163 163 </div> 164 164 <?php 165 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);166 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');167 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');168 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');169 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');165 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 166 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 167 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 168 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 169 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius'); 170 170 ?> 171 171 </div> … … 175 175 </div> 176 176 <?php 177 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');178 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');177 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 178 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 179 179 ?> 180 180 </div> … … 186 186 </div> 187 187 <?php 188 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);189 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');188 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 189 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 190 190 ?> 191 191 </div> … … 195 195 </div> 196 196 <?php 197 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');198 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');199 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');197 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 198 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 199 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 200 200 ?> 201 201 </div> … … 209 209 </div> 210 210 <?php 211 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');212 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');213 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');214 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');211 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 212 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 213 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style'); 214 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 215 215 ?> 216 216 </div> … … 220 220 </div> 221 221 <?php 222 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');223 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');224 echo$this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');225 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');226 echo$this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');227 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');222 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 223 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']'); 224 $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2'); 225 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 226 $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.'); 227 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 228 228 ?> 229 229 </div> … … 235 235 </div> 236 236 <?php 237 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');238 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');239 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');240 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');241 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');242 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');243 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');244 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');237 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 238 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 239 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 240 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 241 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 242 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 243 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 244 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 245 245 ?> 246 246 </div> … … 250 250 </div> 251 251 <?php 252 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');253 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');254 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');255 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');256 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');257 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');258 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');259 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right');252 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size'); 253 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 254 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List'); 255 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style'); 256 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight'); 257 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align'); 258 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 259 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 260 260 ?> 261 261 </div> … … 269 269 </div> 270 270 <?php 271 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');272 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');273 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');274 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');271 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 272 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 273 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style'); 274 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 275 275 ?> 276 276 </div> … … 280 280 </div> 281 281 <?php 282 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');283 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');284 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');285 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');286 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');287 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');288 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');289 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');282 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size'); 283 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 284 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List'); 285 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style'); 286 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight'); 287 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align'); 288 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 289 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 290 290 ?> 291 291 </div> … … 297 297 </div> 298 298 <?php 299 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[175], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');300 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[177], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');301 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[23], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');299 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[175], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 300 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[177], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 301 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[23], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 302 302 ?> 303 303 </div> … … 307 307 </div> 308 308 <?php 309 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');310 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');311 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');312 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');313 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');314 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');315 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');316 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');309 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 310 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 311 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 312 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 313 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 314 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 315 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 316 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 317 317 ?> 318 318 </div> … … 323 323 <div class="form-group"> 324 324 <label for="custom-css" class="custom-css">Custom CSS:</label> 325 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[179]; ?></textarea>325 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[179]); ?></textarea> 326 326 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 327 327 </div> … … 330 330 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 331 331 <?php 332 echo$this->oxilab_flip_box_admin_support();332 $this->oxilab_flip_box_admin_support(); 333 333 ?> 334 334 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style13.php
r2590546 r2648808 140 140 <div class="modal-body row"> 141 141 <?php 142 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');143 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');144 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');145 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');146 ?> 142 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 143 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 144 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 145 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 146 ?> 147 147 </div> 148 148 <div class="modal-header"> … … 154 154 <div class="modal-body row"> 155 155 <?Php 156 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');157 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');158 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');159 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');160 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');161 ?> 156 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 157 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 158 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 159 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 160 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 161 ?> 162 162 </div> 163 163 <?php … … 171 171 <div class="oxi-head"> 172 172 General Settings 173 </div> 174 <?php 175 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);176 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');177 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');178 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');179 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');180 ?> 181 </div> 173 </div> 174 <?php 175 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 176 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 177 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 178 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 179 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 180 ?> 181 </div> 182 182 <div class="oxi-addons-content-div"> 183 183 <div class="oxi-head"> 184 184 Optional Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');188 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');189 ?> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 188 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 189 ?> 190 190 </div> 191 191 </div> … … 196 196 </div> 197 197 <?php 198 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);199 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');200 ?> 201 </div> 198 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 199 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 200 ?> 201 </div> 202 202 <div class="oxi-addons-content-div"> 203 203 <div class="oxi-head"> … … 205 205 </div> 206 206 <?php 207 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');208 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');209 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');210 ?> 211 </div> 207 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 208 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 209 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 210 ?> 211 </div> 212 212 </div> 213 213 </div> … … 217 217 <div class="oxi-head"> 218 218 General Settings 219 </div> 220 <?php 221 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');222 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');223 ?> 224 </div> 219 </div> 220 <?php 221 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 222 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 223 ?> 224 </div> 225 225 <div class="oxi-addons-content-div"> 226 226 <div class="oxi-head"> 227 227 Icon Settings 228 </div> 229 <?php 230 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');231 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');232 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');233 echo$this->oxilab_flip_box_admin_color('front-icon-border-color', $this->style[7], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');234 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');235 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');236 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');237 ?> 228 </div> 229 <?php 230 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 231 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 232 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 233 $this->oxilab_flip_box_admin_color('front-icon-border-color', $this->style[7], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 234 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 235 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 236 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 237 ?> 238 238 </div> 239 239 </div> … … 244 244 </div> 245 245 <?php 246 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');247 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');248 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');249 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');250 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');251 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');252 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');253 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');254 ?> 255 </div> 246 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 247 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 248 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 249 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 250 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 251 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 252 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 253 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 254 ?> 255 </div> 256 256 <div class="oxi-addons-content-div"> 257 257 <div class="oxi-head"> … … 259 259 </div> 260 260 <?php 261 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');262 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');263 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');264 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');265 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');266 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');267 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');268 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');269 ?> 270 </div> 261 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 262 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 263 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 264 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 265 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 266 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 267 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 268 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 269 ?> 270 </div> 271 271 </div> 272 272 </div> … … 276 276 <div class="oxi-head"> 277 277 General Settings 278 </div> 279 <?php 280 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');281 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');282 ?> 283 </div> 278 </div> 279 <?php 280 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 281 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 282 ?> 283 </div> 284 284 <div class="oxi-addons-content-div"> 285 285 <div class="oxi-head"> … … 287 287 </div> 288 288 <?php 289 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');290 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');291 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');292 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');293 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');294 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');295 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');296 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');297 ?> 289 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 290 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 291 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 292 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 293 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 294 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 295 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 296 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 297 ?> 298 298 </div> 299 299 </div> … … 302 302 <div class="oxi-head"> 303 303 Backend Info 304 </div> 305 <?php 306 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');307 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');308 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');309 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');310 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');311 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');312 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');313 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');314 ?> 304 </div> 305 <?php 306 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 307 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 308 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 309 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 310 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 311 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 312 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 313 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 314 ?> 315 315 </div> 316 316 <div class="oxi-addons-content-div"> … … 319 319 </div> 320 320 <?php 321 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');322 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');323 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');324 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');325 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');326 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');327 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');328 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');329 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');330 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');331 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');332 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');333 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');334 ?> 335 </div> 336 </div> 337 </div> 321 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 322 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 323 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 324 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 325 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 326 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 327 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 328 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 329 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 330 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 331 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 332 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 333 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 334 ?> 335 </div> 336 </div> 337 </div> 338 338 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 339 339 <div class="col-xs-12 p-2"> 340 340 <div class="form-group"> 341 341 <label for="custom-css" class="custom-css">Custom CSS:</label> 342 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>342 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 343 343 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 344 344 </div> … … 347 347 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 348 348 <?php 349 echo$this->oxilab_flip_box_admin_support();349 $this->oxilab_flip_box_admin_support(); 350 350 ?> 351 351 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style14.php
r2590546 r2648808 157 157 </div> 158 158 <div class="modal-body row"> 159 <?php160 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');161 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');162 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');163 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');164 ?>159 <?php 160 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 161 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 162 $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial'); 163 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 164 ?> 165 165 </div> 166 166 <div class="modal-header"> … … 171 171 </div> 172 172 <div class="modal-body row"> 173 <?Php 174 echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 175 echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 176 echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[19], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook'); 177 echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 178 echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 179 echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 180 ?> 181 </div> 182 <?php 183 } 184 185 public function register_controls() { 173 <?Php 174 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 175 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 176 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[19], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook'); 177 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 178 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 179 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 186 180 ?> 181 </div> 182 <?php 183 } 184 185 public function register_controls() { 186 ?> 187 187 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5"> 188 188 <div class="oxi-addons-col-6"> … … 190 190 <div class="oxi-head"> 191 191 General Settings 192 </div> 193 <?php 194 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);195 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');196 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');197 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');198 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');199 ?> 200 </div> 192 </div> 193 <?php 194 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 195 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 196 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 197 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 198 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius'); 199 ?> 200 </div> 201 201 <div class="oxi-addons-content-div"> 202 202 <div class="oxi-head"> 203 203 Optional Settings 204 </div> 205 <?php 206 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');207 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');208 ?> 204 </div> 205 <?php 206 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 207 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 208 ?> 209 209 </div> 210 210 </div> … … 215 215 </div> 216 216 <?php 217 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);218 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');219 ?> 220 </div> 217 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 218 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 219 ?> 220 </div> 221 221 <div class="oxi-addons-content-div"> 222 222 <div class="oxi-head"> … … 224 224 </div> 225 225 <?php 226 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');227 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');228 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');229 ?> 230 </div> 226 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 227 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 228 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 229 ?> 230 </div> 231 231 </div> 232 232 </div> … … 236 236 <div class="oxi-head"> 237 237 General Settings 238 </div> 239 <?php 240 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');241 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');242 echo$this->oxilab_flip_box_admin_number_double('front-inner-padding-top', $this->style[185], 'front-inner-padding-left', $this->style[187], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right');243 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');244 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');245 echo$this->oxilab_flip_box_admin_border('flip-col-inner-border-size', $this->style[179], 'flip-col-inner-border-style', $this->style[181], 'Inner Border Size', 'Set your front border size with different style');246 echo$this->oxilab_flip_box_admin_color('front-inner-border-color', $this->style[27], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');247 echo$this->oxilab_flip_box_admin_number('flip-inner-border-radius', $this->style[183], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius');248 ?> 249 </div> 238 </div> 239 <?php 240 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front'); 241 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 242 $this->oxilab_flip_box_admin_number_double('front-inner-padding-top', $this->style[185], 'front-inner-padding-left', $this->style[187], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right'); 243 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front'); 244 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style'); 245 $this->oxilab_flip_box_admin_border('flip-col-inner-border-size', $this->style[179], 'flip-col-inner-border-style', $this->style[181], 'Inner Border Size', 'Set your front border size with different style'); 246 $this->oxilab_flip_box_admin_color('front-inner-border-color', $this->style[27], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 247 $this->oxilab_flip_box_admin_number('flip-inner-border-radius', $this->style[183], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius'); 248 ?> 249 </div> 250 250 <div class="oxi-addons-content-div"> 251 251 <div class="oxi-head"> 252 252 Number Settings 253 </div> 254 <?php 255 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Number Size', 'Set your Number Font Size');256 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span');257 echo$this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');258 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Number width', 'Set your Number Width and Height Size.');259 echo$this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.');260 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[135], 'front-icon-padding-left-right', $this->style[137], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right');261 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Number Border Radius');262 ?> 253 </div> 254 <?php 255 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Number Size', 'Set your Number Font Size'); 256 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span'); 257 $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2'); 258 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Number width', 'Set your Number Width and Height Size.'); 259 $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.'); 260 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[135], 'front-icon-padding-left-right', $this->style[137], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right'); 261 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Number Border Radius'); 262 ?> 263 263 </div> 264 264 </div> … … 269 269 </div> 270 270 <?php 271 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');272 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');273 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');274 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');275 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');276 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');277 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');278 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');279 ?> 280 </div> 271 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 272 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 273 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 274 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 275 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 276 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 277 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 278 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 279 ?> 280 </div> 281 281 <div class="oxi-addons-content-div"> 282 282 <div class="oxi-head"> … … 284 284 </div> 285 285 <?php 286 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');287 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');288 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');289 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');290 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');291 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');292 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');293 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right');294 ?> 295 </div> 286 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size'); 287 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 288 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List'); 289 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style'); 290 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight'); 291 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align'); 292 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 293 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 294 ?> 295 </div> 296 296 </div> 297 297 </div> … … 301 301 <div class="oxi-head"> 302 302 General Settings 303 </div> 304 <?php 305 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');306 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');307 echo$this->oxilab_flip_box_admin_number_double('front-backend-inner-padding-top', $this->style[195], 'front-backend-inner-padding-left', $this->style[197], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right');308 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');309 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');310 echo$this->oxilab_flip_box_admin_border('flip-backend-inner-border-size', $this->style[189], 'flip-backend-inner-border-style', $this->style[191], 'Inner Border Size', 'Set your Backend border size with different style');311 echo$this->oxilab_flip_box_admin_color('backend-inner-border-color', $this->style[29], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');312 echo$this->oxilab_flip_box_admin_number('flip-backend-inner-border-radius', $this->style[193], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius');313 ?> 314 </div> 303 </div> 304 <?php 305 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back'); 306 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 307 $this->oxilab_flip_box_admin_number_double('front-backend-inner-padding-top', $this->style[195], 'front-backend-inner-padding-left', $this->style[197], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right'); 308 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style'); 309 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back'); 310 $this->oxilab_flip_box_admin_border('flip-backend-inner-border-size', $this->style[189], 'flip-backend-inner-border-style', $this->style[191], 'Inner Border Size', 'Set your Backend border size with different style'); 311 $this->oxilab_flip_box_admin_color('backend-inner-border-color', $this->style[29], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 312 $this->oxilab_flip_box_admin_number('flip-backend-inner-border-radius', $this->style[193], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius'); 313 ?> 314 </div> 315 315 <div class="oxi-addons-content-div"> 316 316 <div class="oxi-head"> 317 317 Icon Settings 318 </div> 319 <?php 320 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[199], '1', 'Icon Size', 'Set your Icon Font Size');321 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[39], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');322 echo$this->oxilab_flip_box_admin_color('backend-icon-background', $this->style[41], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2');323 echo$this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[201], '1', 'Icon width', 'Set your Icon Width and Height Size.');324 echo$this->oxilab_flip_box_admin_number('backend-icon-height', $this->style[203], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');325 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[205], 'backend-icon-padding-left-right', $this->style[207], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');326 echo$this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[209], '1', 'Border Radius', 'Set Your Icon Border Radius');327 ?> 318 </div> 319 <?php 320 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[199], '1', 'Icon Size', 'Set your Icon Font Size'); 321 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[39], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']'); 322 $this->oxilab_flip_box_admin_color('backend-icon-background', $this->style[41], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2'); 323 $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[201], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 324 $this->oxilab_flip_box_admin_number('backend-icon-height', $this->style[203], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.'); 325 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[205], 'backend-icon-padding-left-right', $this->style[207], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 326 $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[209], '1', 'Border Radius', 'Set Your Icon Border Radius'); 327 ?> 328 328 </div> 329 329 <div class="oxi-addons-content-div"> … … 332 332 </div> 333 333 <?php 334 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');335 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');336 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');337 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');338 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');339 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');340 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');341 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');342 ?> 334 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size'); 335 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 336 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List'); 337 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style'); 338 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight'); 339 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align'); 340 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 341 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 342 ?> 343 343 </div> 344 344 </div> … … 347 347 <div class="oxi-head"> 348 348 Backend Info 349 </div> 350 <?php 351 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');352 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');353 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');354 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');355 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');356 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');357 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');358 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');359 ?> 360 </div> 349 </div> 350 <?php 351 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 352 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 353 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 354 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 355 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 356 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 357 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 358 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 359 ?> 360 </div> 361 361 <div class="oxi-addons-content-div"> 362 362 <div class="oxi-head"> … … 364 364 </div> 365 365 <?php 366 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[211], '1', 'Font Size', 'Set your Backend Button Font Size');367 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[31], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');368 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[33], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');369 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[35], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');370 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[37], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');371 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[213], 'Font Family', 'Give your Prepared Font from our Google Font List');372 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[215], 'Font Style', 'Set your Backend Button Font Style');373 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[117], 'Font Weight', 'Give your Backend Button Font Weight');374 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[219], 'backend-button-info-padding-left', $this->style[221], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');375 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[223], '1', 'Border Radius', 'Set your Backend Button Border Radius');376 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[225], 'Text Align', 'Give your Backend Button Text Align');377 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[227], 'backend-info-margin-bottom', $this->style[229], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');378 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[231], 'backend-info-margin-right', $this->style[233], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');379 ?> 380 </div> 381 </div> 382 </div> 366 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[211], '1', 'Font Size', 'Set your Backend Button Font Size'); 367 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[31], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 368 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[33], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 369 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[35], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 370 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[37], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 371 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[213], 'Font Family', 'Give your Prepared Font from our Google Font List'); 372 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[215], 'Font Style', 'Set your Backend Button Font Style'); 373 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[117], 'Font Weight', 'Give your Backend Button Font Weight'); 374 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[219], 'backend-button-info-padding-left', $this->style[221], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 375 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[223], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 376 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[225], 'Text Align', 'Give your Backend Button Text Align'); 377 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[227], 'backend-info-margin-bottom', $this->style[229], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 378 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[231], 'backend-info-margin-right', $this->style[233], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 379 ?> 380 </div> 381 </div> 382 </div> 383 383 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 384 384 <div class="col-xs-12 p-2"> 385 385 <div class="form-group"> 386 386 <label for="custom-css" class="custom-css">Custom CSS:</label> 387 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[235]; ?></textarea>387 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[235]); ?></textarea> 388 388 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 389 389 </div> … … 393 393 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 394 394 <?php 395 echo$this->oxilab_flip_box_admin_support();395 $this->oxilab_flip_box_admin_support(); 396 396 ?> 397 397 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style15.php
r2590546 r2648808 132 132 </div> 133 133 <div class="modal-body row"> 134 <?php135 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');136 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');137 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');138 ?>134 <?php 135 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 136 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 137 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 138 ?> 139 139 </div> 140 140 <div class="modal-header"> … … 145 145 </div> 146 146 <div class="modal-body row"> 147 <?Php 148 echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[3], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook'); 149 echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 150 echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 151 echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 147 <?Php 148 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[3], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook'); 149 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 150 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 151 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 152 ?> 153 </div> 154 <?php 155 } 156 157 public function register_controls() { 152 158 ?> 153 </div>154 <?php155 }156 157 public function register_controls() {158 ?>159 159 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5"> 160 160 <div class="oxi-addons-col-6"> … … 164 164 </div> 165 165 <?php 166 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);167 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');168 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');169 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');170 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');166 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 167 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 168 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 169 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 170 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius'); 171 171 ?> 172 172 </div> … … 176 176 </div> 177 177 <?php 178 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');179 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');178 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 179 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 180 180 ?> 181 181 </div> … … 187 187 </div> 188 188 <?php 189 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);190 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');189 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 190 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 191 191 ?> 192 192 </div> … … 196 196 </div> 197 197 <?php 198 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');199 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');200 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');198 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 199 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 200 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 201 201 ?> 202 202 </div> … … 210 210 </div> 211 211 <?php 212 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');213 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');214 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');215 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');212 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 213 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 214 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style'); 215 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 216 216 ?> 217 217 </div> … … 221 221 </div> 222 222 <?php 223 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');224 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[9], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');225 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');226 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');227 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');228 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');229 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');230 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');223 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 224 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[9], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 225 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 226 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 227 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 228 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 229 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 230 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 231 231 ?> 232 232 </div> … … 238 238 </div> 239 239 <?php 240 echo$this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[157], '1', 'Border Width', 'Set your Front Title Bottom Border Width');241 echo$this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[159], '1', 'Border Height', 'Set your Front Title Bottom Border Height');242 echo$this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[17], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');240 $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[157], '1', 'Border Width', 'Set your Front Title Bottom Border Width'); 241 $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[159], '1', 'Border Height', 'Set your Front Title Bottom Border Height'); 242 $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[17], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 243 243 ?> 244 244 </div> … … 248 248 </div> 249 249 <?php 250 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');251 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[11], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');252 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');253 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');254 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');255 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');256 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');257 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right');250 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size'); 251 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[11], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 252 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List'); 253 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style'); 254 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight'); 255 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align'); 256 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 257 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 258 258 ?> 259 259 </div> … … 267 267 </div> 268 268 <?php 269 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');270 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');271 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');272 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[15], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');269 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 270 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 271 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style'); 272 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[15], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 273 273 ?> 274 274 </div> … … 278 278 </div> 279 279 <?php 280 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[105], '1', 'Icon Size', 'Set your Icon Font Size');281 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[27], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');282 echo$this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[107], '1', 'Icon width', 'Set your Icon Width and Height Size.');283 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[109], 'backend-icon-padding-left-right', $this->style[111], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');280 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[105], '1', 'Icon Size', 'Set your Icon Font Size'); 281 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[27], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 282 $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[107], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 283 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[109], 'backend-icon-padding-left-right', $this->style[111], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 284 284 ?> 285 285 </div> … … 291 291 </div> 292 292 <?php 293 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[161], '1', 'Font Size', 'Set your Backend Button Font Size');294 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[19], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');295 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[21], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');296 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[23], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');297 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[25], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');298 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[163], 'Font Family', 'Give your Prepared Font from our Google Font List');299 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[165], 'Font Style', 'Set your Backend Button Font Style');300 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[167], 'Font Weight', 'Give your Backend Button Font Weight');301 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[169], 'backend-button-info-padding-left', $this->style[171], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');302 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[173], '1', 'Border Radius', 'Set your Backend Button Border Radius');303 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[175], 'Text Align', 'Give your Backend Button Text Align');304 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[177], 'backend-info-margin-bottom', $this->style[179], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');305 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[181], 'backend-info-margin-right', $this->style[183], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');293 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[161], '1', 'Font Size', 'Set your Backend Button Font Size'); 294 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[19], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 295 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[21], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 296 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[23], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 297 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[25], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 298 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[163], 'Font Family', 'Give your Prepared Font from our Google Font List'); 299 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[165], 'Font Style', 'Set your Backend Button Font Style'); 300 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[167], 'Font Weight', 'Give your Backend Button Font Weight'); 301 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[169], 'backend-button-info-padding-left', $this->style[171], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 302 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[173], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 303 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[175], 'Text Align', 'Give your Backend Button Text Align'); 304 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[177], 'backend-info-margin-bottom', $this->style[179], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 305 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[181], 'backend-info-margin-right', $this->style[183], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 306 306 ?> 307 307 </div> … … 312 312 <div class="form-group"> 313 313 <label for="custom-css" class="custom-css">Custom CSS:</label> 314 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[185]; ?></textarea>314 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[185]); ?></textarea> 315 315 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 316 316 </div> … … 320 320 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 321 321 <?php 322 echo$this->oxilab_flip_box_admin_support();322 $this->oxilab_flip_box_admin_support(); 323 323 ?> 324 324 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style16.php
r2590546 r2648808 11 11 12 12 class Style16 extends Admin_Render { 13 14 13 15 14 public function register_style() { … … 99 98 return $data; 100 99 } 100 101 101 public function register_controls() { 102 102 ?> … … 106 106 <div class="oxi-head"> 107 107 General Settings 108 </div> 109 <?php 110 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);111 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');112 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');113 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');114 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');115 ?> 116 </div> 108 </div> 109 <?php 110 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 111 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 112 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 113 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 114 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius'); 115 ?> 116 </div> 117 117 <div class="oxi-addons-content-div"> 118 118 <div class="oxi-head"> 119 119 Optional Settings 120 </div> 121 <?php 122 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');123 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');124 ?> 120 </div> 121 <?php 122 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 123 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 124 ?> 125 125 </div> 126 126 </div> … … 131 131 </div> 132 132 <?php 133 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);134 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');135 ?> 136 </div> 133 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 134 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 135 ?> 136 </div> 137 137 <div class="oxi-addons-content-div"> 138 138 <div class="oxi-head"> … … 140 140 </div> 141 141 <?php 142 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');143 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');144 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');145 ?> 146 </div> 142 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 143 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 144 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 145 ?> 146 </div> 147 147 </div> 148 148 </div> 149 149 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4"> 150 <div class="oxi-addons-col-6"> 150 <div class="oxi-addons-col-6"> 151 151 <div class="oxi-addons-content-div"> 152 152 <div class="oxi-head"> 153 153 General Settings 154 </div> 155 <?php 156 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');157 ?> 154 </div> 155 <?php 156 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 157 ?> 158 158 </div> 159 159 <div class="oxi-addons-content-div"> 160 160 <div class="oxi-head"> 161 161 Icon Settings 162 </div> 163 <?php 164 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');165 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');166 echo$this->oxilab_flip_box_admin_color('front-icon-background', $this->style[9], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');167 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');168 echo$this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');169 ?> 162 </div> 163 <?php 164 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size'); 165 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 166 $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[9], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 167 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 168 $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align'); 169 ?> 170 170 </div> 171 171 </div> … … 176 176 </div> 177 177 <?php 178 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');179 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');180 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');181 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');182 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');183 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');184 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');185 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');186 ?> 187 </div> 178 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 179 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 180 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 181 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 182 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 183 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 184 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 185 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 186 ?> 187 </div> 188 188 </div> 189 189 </div> … … 193 193 <div class="oxi-head"> 194 194 General Settings 195 </div> 196 <?php 197 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');198 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');199 ?> 200 </div> 195 </div> 196 <?php 197 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 198 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 199 ?> 200 </div> 201 201 </div> 202 202 <div class="oxi-addons-col-6"> … … 204 204 <div class="oxi-head"> 205 205 Backend Info 206 </div> 207 <?php 208 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');209 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');210 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');211 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');212 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');213 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');214 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');215 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');216 ?> 217 </div> 206 </div> 207 <?php 208 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size'); 209 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 210 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List'); 211 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style'); 212 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight'); 213 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align'); 214 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 215 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 216 ?> 217 </div> 218 218 </div> 219 219 </div> … … 222 222 <div class="form-group"> 223 223 <label for="custom-css" class="custom-css">Custom CSS:</label> 224 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[143]; ?></textarea>224 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[143]); ?></textarea> 225 225 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 226 226 </div> … … 230 230 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 231 231 <?php 232 echo$this->oxilab_flip_box_admin_support();232 $this->oxilab_flip_box_admin_support(); 233 233 ?> 234 234 </div> … … 246 246 <div class="modal-body row"> 247 247 <?php 248 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');249 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');250 251 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');252 ?> 248 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 249 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 250 251 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 252 ?> 253 253 </div> 254 254 <div class="modal-header"> … … 260 260 <div class="modal-body row"> 261 261 <?Php 262 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');263 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');264 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');265 ?> 262 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 263 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank'); 264 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 265 ?> 266 266 </div> 267 267 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style17.php
r2590546 r2648808 11 11 12 12 class Style17 extends Admin_Render { 13 14 15 13 16 14 public function register_style() { … … 101 99 return $data; 102 100 } 101 103 102 public function register_child() { 104 103 $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}' … … 111 110 return $data; 112 111 } 112 113 113 public function register_controls() { 114 114 ?> … … 118 118 <div class="oxi-head"> 119 119 General Settings 120 </div> 121 <?php 122 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);123 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');124 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');125 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');126 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');127 ?> 128 </div> 120 </div> 121 <?php 122 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 123 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 124 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 125 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 126 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius'); 127 ?> 128 </div> 129 129 <div class="oxi-addons-content-div"> 130 130 <div class="oxi-head"> 131 131 Optional Settings 132 </div> 133 <?php 134 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');135 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');136 ?> 132 </div> 133 <?php 134 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 135 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 136 ?> 137 137 </div> 138 138 </div> … … 143 143 </div> 144 144 <?php 145 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);146 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');147 ?> 148 </div> 145 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 146 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 147 ?> 148 </div> 149 149 <div class="oxi-addons-content-div"> 150 150 <div class="oxi-head"> … … 152 152 </div> 153 153 <?php 154 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');155 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');156 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');157 ?> 158 </div> 159 </div> 160 </div> 161 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4"> 154 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 155 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 156 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 157 ?> 158 </div> 159 </div> 160 </div> 161 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4"> 162 162 <div class="oxi-addons-col-6"> 163 163 <div class="oxi-addons-content-div"> 164 164 <div class="oxi-head"> 165 165 General Settings 166 </div> 167 <?php 168 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');169 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');170 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[101], 'flip-col-border-style', $this->style[103], 'Border Size', 'Set your front border size with different style');171 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[21], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');172 ?> 166 </div> 167 <?php 168 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 169 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 170 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[101], 'flip-col-border-style', $this->style[103], 'Border Size', 'Set your front border size with different style'); 171 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[21], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 172 ?> 173 173 </div> 174 174 <div class="oxi-addons-content-div"> 175 175 <div class="oxi-head"> 176 176 Icon Settings 177 </div> 178 <?php 179 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');180 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');181 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');182 ?> 177 </div> 178 <?php 179 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size'); 180 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 181 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 182 ?> 183 183 </div> 184 184 </div> … … 189 189 </div> 190 190 <?php 191 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');192 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');193 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');194 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');195 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');196 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');197 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');198 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');199 ?> 200 </div> 191 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 192 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 193 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 194 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 195 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 196 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 197 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 198 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 199 ?> 200 </div> 201 201 </div> 202 202 </div> … … 206 206 <div class="oxi-head"> 207 207 General Settings 208 </div> 209 <?php 210 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');211 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');212 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[105], 'flip-backend-border-style', $this->style[107], 'Border Size', 'Set your backend border size with different style');213 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');214 ?> 215 </div> 208 </div> 209 <?php 210 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 211 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 212 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[105], 'flip-backend-border-style', $this->style[107], 'Border Size', 'Set your backend border size with different style'); 213 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 214 ?> 215 </div> 216 216 <div class="oxi-addons-content-div"> 217 217 <div class="oxi-head"> 218 218 Backend Info 219 </div> 220 <?php 221 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');222 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');223 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');224 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');225 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');226 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');227 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');228 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');229 ?> 230 </div> 219 </div> 220 <?php 221 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size'); 222 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 223 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List'); 224 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style'); 225 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight'); 226 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align'); 227 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 228 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 229 ?> 230 </div> 231 231 </div> 232 232 … … 237 237 </div> 238 238 <?php 239 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[143], '1', 'Font Size', 'Set your Backend Button Font Size');240 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[17], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');241 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[19], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');242 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[145], 'Font Family', 'Give your Prepared Font from our Google Font List');243 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[147], 'Font Style', 'Set your Backend Button Font Style');244 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[149], 'Font Weight', 'Give your Backend Button Font Weight');245 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[151], 'backend-button-info-padding-left', $this->style[153], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');246 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[155], '1', 'Border Radius', 'Set your Backend Button Border Radius');247 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[157], 'Text Align', 'Give your Backend Button Text Align');248 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[159], 'backend-info-margin-bottom', $this->style[161], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');249 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[163], 'backend-info-margin-right', $this->style[165], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');250 ?> 251 </div> 239 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[143], '1', 'Font Size', 'Set your Backend Button Font Size'); 240 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[17], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 241 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[19], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 242 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[145], 'Font Family', 'Give your Prepared Font from our Google Font List'); 243 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[147], 'Font Style', 'Set your Backend Button Font Style'); 244 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[149], 'Font Weight', 'Give your Backend Button Font Weight'); 245 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[151], 'backend-button-info-padding-left', $this->style[153], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 246 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[155], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 247 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[157], 'Text Align', 'Give your Backend Button Text Align'); 248 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[159], 'backend-info-margin-bottom', $this->style[161], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 249 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[163], 'backend-info-margin-right', $this->style[165], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 250 ?> 251 </div> 252 252 </div> 253 253 </div> … … 256 256 <div class="form-group"> 257 257 <label for="custom-css" class="custom-css">Custom CSS:</label> 258 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[167]; ?></textarea>258 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[167]); ?></textarea> 259 259 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 260 260 </div> … … 264 264 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 265 265 <?php 266 echo$this->oxilab_flip_box_admin_support();266 $this->oxilab_flip_box_admin_support(); 267 267 ?> 268 268 </div> … … 280 280 <div class="modal-body row"> 281 281 <?php 282 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');283 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');284 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');285 ?> 282 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 283 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 284 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 285 ?> 286 286 </div> 287 287 <div class="modal-header"> … … 293 293 <div class="modal-body row"> 294 294 <?Php 295 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');296 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');297 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');298 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');299 ?> 295 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 296 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.'); 297 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank'); 298 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 299 ?> 300 300 </div> 301 301 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style18.php
r2590546 r2648808 11 11 12 12 class Style18 extends Admin_Render { 13 14 15 13 16 14 public function register_style() { … … 118 116 return $data; 119 117 } 118 120 119 public function register_child() { 121 120 $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}' … … 131 130 return $data; 132 131 } 132 133 133 public function register_controls() { 134 134 ?> … … 138 138 <div class="oxi-head"> 139 139 General Settings 140 </div> 141 <?php 142 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);143 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');144 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');145 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');146 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');147 ?> 148 </div> 140 </div> 141 <?php 142 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 143 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 144 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 145 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 146 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 147 ?> 148 </div> 149 149 <div class="oxi-addons-content-div"> 150 150 <div class="oxi-head"> 151 151 Optional Settings 152 </div> 153 <?php 154 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');155 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');156 ?> 152 </div> 153 <?php 154 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 155 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 156 ?> 157 157 </div> 158 158 </div> … … 163 163 </div> 164 164 <?php 165 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);166 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');167 ?> 168 </div> 165 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 166 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 167 ?> 168 </div> 169 169 <div class="oxi-addons-content-div"> 170 170 <div class="oxi-head"> … … 172 172 </div> 173 173 <?php 174 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');176 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');177 ?> 178 </div> 174 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 176 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 177 ?> 178 </div> 179 179 </div> 180 180 </div> … … 184 184 <div class="oxi-head"> 185 185 General Settings 186 </div> 187 <?php 188 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');189 echo$this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');190 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');191 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');192 ?> 193 </div> 186 </div> 187 <?php 188 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 189 $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style'); 192 ?> 193 </div> 194 194 </div> 195 195 <div class="oxi-addons-col-6"> … … 199 199 </div> 200 200 <?php 201 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');202 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');203 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');204 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');205 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');206 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');207 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');208 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');209 ?> 210 </div> 201 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 202 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 203 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 204 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 205 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 206 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 207 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 208 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 209 ?> 210 </div> 211 211 </div> 212 212 </div> … … 216 216 <div class="oxi-head"> 217 217 General Settings 218 </div> 219 <?php 220 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');221 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');222 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');223 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');224 ?> 225 </div> 218 </div> 219 <?php 220 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 221 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 222 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 223 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style'); 224 ?> 225 </div> 226 226 <div class="oxi-addons-content-div"> 227 227 <div class="oxi-head"> … … 229 229 </div> 230 230 <?php 231 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');232 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');233 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');234 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');235 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');236 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');237 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');238 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');239 ?> 231 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 232 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 233 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 234 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 235 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 236 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 237 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 238 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 239 ?> 240 240 </div> 241 241 </div> … … 244 244 <div class="oxi-head"> 245 245 Backend Info 246 </div> 247 <?php 248 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');249 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');250 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');251 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');252 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');253 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');254 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');255 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');256 ?> 246 </div> 247 <?php 248 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 249 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 250 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 251 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 252 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 253 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 254 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 255 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 256 ?> 257 257 </div> 258 258 <div class="oxi-addons-content-div"> … … 261 261 </div> 262 262 <?php 263 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');264 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');265 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');266 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');267 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');268 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');269 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');270 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');271 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');272 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');273 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');274 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');275 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');276 ?> 277 </div> 278 </div> 279 </div> 263 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 264 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 265 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 266 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 267 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 268 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 269 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 270 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 271 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 272 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 273 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 274 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 275 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 276 ?> 277 </div> 278 </div> 279 </div> 280 280 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 281 281 <div class="col-xs-12 p-2"> 282 282 <div class="form-group"> 283 283 <label for="custom-css" class="custom-css">Custom CSS:</label> 284 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>284 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[199]); ?></textarea> 285 285 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 286 286 </div> … … 290 290 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 291 291 <?php 292 echo$this->oxilab_flip_box_admin_support();292 $this->oxilab_flip_box_admin_support(); 293 293 ?> 294 294 </div> … … 306 306 <div class="modal-body row"> 307 307 <?php 308 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');309 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');310 ?> 308 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 309 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 310 ?> 311 311 </div> 312 312 <div class="modal-header"> … … 318 318 <div class="modal-body row"> 319 319 <?Php 320 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');321 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');322 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');323 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');324 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');325 ?> 320 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 321 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 322 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 323 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 324 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 325 ?> 326 326 </div> 327 327 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style19.php
r2497348 r2648808 139 139 </div> 140 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 146 ?> 147 147 </div> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 155 ?> 156 156 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 166 ?> 167 167 </div> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 176 ?> 177 177 </div> … … 185 185 </div> 186 186 <?php 187 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '');188 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');187 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . ''); 188 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 189 189 ?> 190 190 </div> … … 194 194 </div> 195 195 <?php 196 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');197 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[13], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');198 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');199 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');200 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');201 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');202 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');203 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');196 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 197 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[13], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 198 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 199 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 200 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 201 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 202 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 203 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 204 204 ?> 205 205 </div> … … 211 211 </div> 212 212 <?php 213 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');214 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[7], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');215 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');216 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');217 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');218 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');219 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');220 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');213 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 214 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[7], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 215 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 216 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 217 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 218 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 219 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 220 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 221 221 ?> 222 222 </div> … … 226 226 </div> 227 227 <?php 228 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');229 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[9], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']');230 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[11], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']:hover');231 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');232 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');233 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');228 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 229 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[9], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']'); 230 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[11], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']:hover'); 231 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 232 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 233 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 234 234 ?> 235 235 </div> … … 240 240 <div class="form-group"> 241 241 <label for="custom-css" class="custom-css">Custom CSS:</label> 242 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>242 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 243 243 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 244 244 </div> … … 248 248 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 249 249 <?php 250 echo$this->oxilab_flip_box_admin_support();250 $this->oxilab_flip_box_admin_support(); 251 251 ?> 252 252 </div> … … 264 264 <div class="modal-body row"> 265 265 <?php 266 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');266 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 267 267 ?> 268 268 </div> … … 275 275 <div class="modal-body row"> 276 276 <?Php 277 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');278 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');279 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook');280 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');281 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');277 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 278 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 279 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook'); 280 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 281 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 282 282 ?> 283 283 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style2.php
r2590546 r2648808 11 11 12 12 class Style2 extends Admin_Render { 13 14 15 13 16 14 public function register_style() { … … 118 116 return $data; 119 117 } 120 public function register_child() { 118 119 public function register_child() { 121 120 $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}' 122 121 . ' flip-box-front-icons {#}|{#}' . sanitize_text_field($_POST['flip-box-front-icons']) . '{#}|{#}' … … 131 130 return $data; 132 131 } 132 133 133 public function register_controls() { 134 134 ?> … … 138 138 <div class="oxi-head"> 139 139 General Settings 140 </div> 141 <?php 142 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);143 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');144 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');145 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');146 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');147 ?> 148 </div> 140 </div> 141 <?php 142 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 143 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 144 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 145 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 146 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 147 ?> 148 </div> 149 149 <div class="oxi-addons-content-div"> 150 150 <div class="oxi-head"> 151 151 Optional Settings 152 </div> 153 <?php 154 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');155 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');156 ?> 152 </div> 153 <?php 154 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 155 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 156 ?> 157 157 </div> 158 158 </div> … … 163 163 </div> 164 164 <?php 165 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);166 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');167 ?> 168 </div> 165 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 166 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 167 ?> 168 </div> 169 169 <div class="oxi-addons-content-div"> 170 170 <div class="oxi-head"> … … 172 172 </div> 173 173 <?php 174 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');176 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');177 ?> 178 </div> 174 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 176 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 177 ?> 178 </div> 179 179 </div> 180 180 </div> … … 184 184 <div class="oxi-head"> 185 185 General Settings 186 </div> 187 <?php 188 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');189 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');190 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');191 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');192 ?> 193 </div> 186 </div> 187 <?php 188 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 189 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 190 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style'); 191 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 192 ?> 193 </div> 194 194 <div class="oxi-addons-content-div"> 195 195 <div class="oxi-head"> 196 196 Icon Settings 197 </div> 198 <?php 199 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');200 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');201 echo$this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');202 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');203 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');204 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');205 ?> 197 </div> 198 <?php 199 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 200 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 201 $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 202 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 203 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 204 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 205 ?> 206 206 </div> 207 207 </div> … … 212 212 </div> 213 213 <?php 214 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');215 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');216 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');217 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');218 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');219 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');220 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');221 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');222 ?> 223 </div> 214 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 215 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 216 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 217 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 218 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 219 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 220 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 221 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 222 ?> 223 </div> 224 224 <div class="oxi-addons-content-div"> 225 225 <div class="oxi-head"> … … 227 227 </div> 228 228 <?php 229 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');230 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');231 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');232 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');233 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');234 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');235 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');236 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');237 ?> 238 </div> 229 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 230 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 231 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 232 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 233 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 234 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 235 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 236 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 237 ?> 238 </div> 239 239 </div> 240 240 … … 245 245 <div class="oxi-head"> 246 246 General Settings 247 </div> 248 <?php 249 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');250 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');251 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');252 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');253 ?> 254 </div> 247 </div> 248 <?php 249 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 250 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 251 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style'); 252 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 253 ?> 254 </div> 255 255 <div class="oxi-addons-content-div"> 256 256 <div class="oxi-head"> … … 258 258 </div> 259 259 <?php 260 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');261 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');262 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');263 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');264 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');265 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');266 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');267 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');268 ?> 260 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 261 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 262 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 263 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 264 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 265 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 266 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 267 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 268 ?> 269 269 </div> 270 270 </div> … … 273 273 <div class="oxi-head"> 274 274 Backend Info 275 </div> 276 <?php 277 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');278 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');279 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');280 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');281 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');282 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');283 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');284 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');285 ?> 275 </div> 276 <?php 277 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 278 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 279 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 280 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 281 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 282 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 283 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 284 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 285 ?> 286 286 </div> 287 287 <div class="oxi-addons-content-div"> … … 290 290 </div> 291 291 <?php 292 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');293 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');294 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');295 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');296 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');297 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');298 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');299 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');300 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');301 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');302 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');303 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');304 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');305 ?> 306 </div> 292 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 293 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 294 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 295 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 296 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 297 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 298 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 299 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 300 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 301 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 302 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 303 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 304 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 305 ?> 306 </div> 307 307 </div> 308 308 </div> … … 311 311 <div class="form-group"> 312 312 <label for="custom-css" class="custom-css">Custom CSS:</label> 313 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>313 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 314 314 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 315 315 </div> … … 318 318 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 319 319 <?php 320 echo$this->oxilab_flip_box_admin_support();320 $this->oxilab_flip_box_admin_support(); 321 321 ?> 322 322 </div> … … 334 334 <div class="modal-body row"> 335 335 <?php 336 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');337 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');338 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');339 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');340 ?> 336 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 337 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 338 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 339 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 340 ?> 341 341 </div> 342 342 <div class="modal-header"> … … 348 348 <div class="modal-body row"> 349 349 <?Php 350 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');351 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');352 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');353 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');354 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');355 ?> 350 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 351 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 352 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 353 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 354 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 355 ?> 356 356 </div> 357 357 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style20.php
r2590546 r2648808 11 11 12 12 class Style20 extends Admin_Render { 13 14 15 13 16 14 public function register_style() { … … 118 116 return $data; 119 117 } 118 120 119 public function register_child() { 121 120 $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}' … … 131 130 return $data; 132 131 } 132 133 133 public function register_controls() { 134 134 ?> … … 138 138 <div class="oxi-head"> 139 139 General Settings 140 </div> 141 <?php 142 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);143 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');144 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');145 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');146 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');147 ?> 148 </div> 140 </div> 141 <?php 142 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 143 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 144 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 145 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 146 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 147 ?> 148 </div> 149 149 <div class="oxi-addons-content-div"> 150 150 <div class="oxi-head"> 151 151 Optional Settings 152 </div> 153 <?php 154 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');155 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');156 ?> 152 </div> 153 <?php 154 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 155 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 156 ?> 157 157 </div> 158 158 </div> … … 163 163 </div> 164 164 <?php 165 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);166 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');167 ?> 168 </div> 165 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 166 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 167 ?> 168 </div> 169 169 <div class="oxi-addons-content-div"> 170 170 <div class="oxi-head"> … … 172 172 </div> 173 173 <?php 174 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');176 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');177 ?> 178 </div> 174 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 176 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 177 ?> 178 </div> 179 179 </div> 180 180 </div> … … 184 184 <div class="oxi-head"> 185 185 General Settings 186 </div> 187 <?php 188 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');189 echo$this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');190 echo$this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');191 echo$this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');192 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');193 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');194 ?> 195 </div> 186 </div> 187 <?php 188 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 189 $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width'); 190 $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)'); 191 $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)'); 192 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 193 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style'); 194 ?> 195 </div> 196 196 </div> 197 197 <div class="oxi-addons-col-6"> … … 201 201 </div> 202 202 <?php 203 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');204 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');205 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');206 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');207 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');208 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');209 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');210 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');211 ?> 212 </div> 203 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 204 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 205 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 206 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 207 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 208 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 209 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 210 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 211 ?> 212 </div> 213 213 </div> 214 214 </div> … … 218 218 <div class="oxi-head"> 219 219 General Settings 220 </div> 221 <?php 222 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');223 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');224 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');225 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');226 ?> 227 </div> 220 </div> 221 <?php 222 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 223 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 224 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 225 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style'); 226 ?> 227 </div> 228 228 <div class="oxi-addons-content-div"> 229 229 <div class="oxi-head"> … … 231 231 </div> 232 232 <?php 233 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');234 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');235 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');236 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');237 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');238 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');239 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');240 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');241 ?> 233 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 234 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 235 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 236 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 237 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 238 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 239 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 240 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 241 ?> 242 242 </div> 243 243 </div> … … 246 246 <div class="oxi-head"> 247 247 Backend Info 248 </div> 249 <?php 250 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');251 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');252 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');253 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');254 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');255 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');256 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');257 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');258 ?> 248 </div> 249 <?php 250 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 251 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 252 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 253 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 254 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 255 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 256 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 257 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 258 ?> 259 259 </div> 260 260 <div class="oxi-addons-content-div"> … … 263 263 </div> 264 264 <?php 265 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');266 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');267 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');268 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');269 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');270 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');271 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');272 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');273 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');274 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');275 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');276 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');277 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');278 ?> 279 </div> 265 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 266 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 267 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 268 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 269 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 270 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 271 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 272 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 273 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 274 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 275 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 276 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 277 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 278 ?> 279 </div> 280 280 </div> 281 281 </div> … … 284 284 <div class="form-group"> 285 285 <label for="custom-css" class="custom-css">Custom CSS:</label> 286 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>286 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 287 287 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 288 288 </div> … … 292 292 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 293 293 <?php 294 echo$this->oxilab_flip_box_admin_support();294 $this->oxilab_flip_box_admin_support(); 295 295 ?> 296 296 </div> … … 308 308 <div class="modal-body row"> 309 309 <?php 310 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');311 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');312 ?> 310 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 311 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 312 ?> 313 313 </div> 314 314 <div class="modal-header"> … … 320 320 <div class="modal-body row"> 321 321 <?Php 322 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');323 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');324 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');325 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');326 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');327 ?> 322 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 323 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 324 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 325 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 326 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 327 ?> 328 328 </div> 329 329 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style21.php
r2366851 r2648808 117 117 <div class="oxi-head"> 118 118 General Settings 119 </div> 120 <?php 121 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);122 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');123 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');124 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');125 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');126 ?> 127 </div> 119 </div> 120 <?php 121 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 122 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 123 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 124 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 125 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 126 ?> 127 </div> 128 128 <div class="oxi-addons-content-div"> 129 129 <div class="oxi-head"> 130 130 Optional Settings 131 </div> 132 <?php 133 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');134 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');135 ?> 131 </div> 132 <?php 133 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 134 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 135 ?> 136 136 </div> 137 137 </div> … … 142 142 </div> 143 143 <?php 144 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);145 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');146 ?> 147 </div> 144 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 145 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');154 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');155 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');156 ?> 157 </div> 153 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 154 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 155 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 156 ?> 157 </div> 158 158 </div> 159 159 </div> … … 163 163 <div class="oxi-head"> 164 164 General Settings 165 </div> 166 <?php 167 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');168 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');169 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');170 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');171 echo$this->oxilab_flip_box_admin_color('front-top-border-color', $this->style[11], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span');172 echo$this->oxilab_flip_box_admin_number('front-top-border-height', $this->style[75], '1', 'Top Border Height', 'Set your Top Border Height.');173 ?> 174 </div> 165 </div> 166 <?php 167 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 168 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 169 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style'); 170 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 171 $this->oxilab_flip_box_admin_color('front-top-border-color', $this->style[11], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span'); 172 $this->oxilab_flip_box_admin_number('front-top-border-height', $this->style[75], '1', 'Top Border Height', 'Set your Top Border Height.'); 173 ?> 174 </div> 175 175 <div class="oxi-addons-content-div"> 176 176 <div class="oxi-head"> 177 177 Icon Settings 178 </div> 179 <?php 180 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');181 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');182 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');183 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');184 ?> 178 </div> 179 <?php 180 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 181 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 182 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 183 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 184 ?> 185 185 </div> 186 186 </div> … … 191 191 </div> 192 192 <?php 193 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');194 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');195 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');196 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');197 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');198 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');199 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');200 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');201 ?> 202 </div> 193 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 194 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 195 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 196 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 197 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 198 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 199 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 200 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 201 ?> 202 </div> 203 203 </div> 204 204 </div> … … 208 208 <div class="oxi-head"> 209 209 General Settings 210 </div> 211 <?php 212 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');213 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');214 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');215 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');216 ?> 217 </div> 210 </div> 211 <?php 212 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 213 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 214 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 215 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style'); 216 ?> 217 </div> 218 218 <div class="oxi-addons-content-div"> 219 219 <div class="oxi-head"> 220 220 Backend Info 221 </div> 222 <?php 223 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');224 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');225 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');226 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');227 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');228 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');229 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');230 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');231 ?> 232 </div> 233 </div> 234 <div class="oxi-addons-col-6"> 221 </div> 222 <?php 223 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 224 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 225 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 226 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 227 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 228 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 229 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 230 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 231 ?> 232 </div> 233 </div> 234 <div class="oxi-addons-col-6"> 235 235 <div class="oxi-addons-content-div"> 236 236 <div class="oxi-head"> … … 238 238 </div> 239 239 <?php 240 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');241 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');242 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');243 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');244 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');245 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');246 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');247 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');248 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');249 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');250 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');251 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');252 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');253 ?> 254 </div> 255 </div> 256 </div> 240 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 241 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 242 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 243 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 244 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 245 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 246 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 247 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 248 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 249 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 250 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 251 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 252 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 253 ?> 254 </div> 255 </div> 256 </div> 257 257 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 258 258 <div class="col-xs-12 p-2"> 259 259 <div class="form-group"> 260 260 <label for="custom-css" class="custom-css">Custom CSS:</label> 261 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[163]; ?></textarea>261 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[163]); ?></textarea> 262 262 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 263 263 </div> … … 267 267 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 268 268 <?php 269 echo$this->oxilab_flip_box_admin_support();269 $this->oxilab_flip_box_admin_support(); 270 270 ?> 271 271 </div> … … 283 283 <div class="modal-body row"> 284 284 <?php 285 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');286 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');287 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');288 ?> 285 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 286 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 287 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 288 ?> 289 289 </div> 290 290 <div class="modal-header"> … … 296 296 <div class="modal-body row"> 297 297 <?Php 298 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');299 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');300 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');301 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');302 ?> 298 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 299 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 300 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 301 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 302 ?> 303 303 </div> 304 304 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style22.php
r2209121 r2648808 121 121 . ' {#}|{#}{#}|{#}' 122 122 . ' flip-box-image-upload-url-01 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-01']) . '{#}|{#}' 123 . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'124 . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'123 . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}' 124 . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}' 125 125 . ' flip-box-backend-link {#}|{#}' . sanitize_text_field($_POST['flip-box-backend-link']) . '{#}|{#}' 126 126 . ' flip-box-image-upload-url-02 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-02']) . '{#}|{#}' 127 127 . ' {#}|{#}{#}|{#}' 128 . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';128 . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}'; 129 129 return $data; 130 130 } … … 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 178 </div> 179 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 </div> 179 </div> 180 180 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4"> 181 181 <div class="oxi-addons-col-6"> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');188 ?> 189 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 188 ?> 189 </div> 190 190 </div> 191 191 </div> … … 195 195 <div class="oxi-head"> 196 196 General Settings 197 </div> 198 <?php 199 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');200 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');201 ?> 202 </div> 197 </div> 198 <?php 199 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 200 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 201 ?> 202 </div> 203 203 <div class="oxi-addons-content-div"> 204 204 <div class="oxi-head"> … … 206 206 </div> 207 207 <?php 208 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');209 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');210 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');211 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');212 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');213 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');214 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');215 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');216 ?> 208 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 209 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 210 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 211 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 212 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 213 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 214 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 215 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 216 ?> 217 217 </div> 218 218 <div class="oxi-addons-content-div"> 219 219 <div class="oxi-head"> 220 220 Backend Title Border 221 </div> 222 <?php 223 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');224 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');225 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');226 ?> 227 </div> 221 </div> 222 <?php 223 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 224 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 225 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 226 ?> 227 </div> 228 228 </div> 229 229 <div class="oxi-addons-col-6"> … … 231 231 <div class="oxi-head"> 232 232 Backend Info 233 </div> 234 <?php 235 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');236 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');237 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');238 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');239 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');240 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');241 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');242 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');243 ?> 233 </div> 234 <?php 235 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 236 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 237 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 238 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 239 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 240 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 241 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 242 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 243 ?> 244 244 </div> 245 245 <div class="oxi-addons-content-div"> … … 248 248 </div> 249 249 <?php 250 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');251 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');252 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');253 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');254 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');255 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');256 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');257 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');258 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');259 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');260 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');261 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');262 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');263 ?> 264 </div> 265 </div> 266 </div> 250 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 251 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 252 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 253 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 254 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 255 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 256 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 257 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 258 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 259 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 260 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 261 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 262 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 263 ?> 264 </div> 265 </div> 266 </div> 267 267 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 268 268 <div class="col-xs-12 p-2"> 269 269 <div class="form-group"> 270 270 <label for="custom-css" class="custom-css">Custom CSS:</label> 271 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>271 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 272 272 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 273 273 </div> … … 277 277 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 278 278 <?php 279 echo$this->oxilab_flip_box_admin_support();279 $this->oxilab_flip_box_admin_support(); 280 280 ?> 281 281 </div> … … 293 293 <div class="modal-body row"> 294 294 <?php 295 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');296 ?> 295 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 296 ?> 297 297 </div> 298 298 <div class="modal-header"> … … 304 304 <div class="modal-body row"> 305 305 <?Php 306 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');307 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');308 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');309 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');310 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');311 ?> 306 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 307 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 308 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 309 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 310 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 311 ?> 312 312 </div> 313 313 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style23.php
r2497348 r2648808 139 139 </div> 140 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 146 ?> 147 147 </div> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 155 ?> 156 156 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 166 ?> 167 167 </div> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 176 ?> 177 177 </div> … … 185 185 </div> 186 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');188 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right');189 echo$this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right');190 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');191 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front'); 188 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right'); 189 $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style'); 192 192 ?> 193 193 </div> … … 197 197 </div> 198 198 <?php 199 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');200 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');201 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');202 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');203 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');204 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');199 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 200 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 201 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 202 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 203 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 204 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 205 205 ?> 206 206 </div> … … 212 212 </div> 213 213 <?php 214 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');215 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');216 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');217 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');218 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');219 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');220 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');221 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');214 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 215 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 216 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 217 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 218 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 219 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 220 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 221 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 222 222 ?> 223 223 </div> … … 227 227 </div> 228 228 <?php 229 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');230 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');231 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');232 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');233 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');234 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');235 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');236 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');229 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 230 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 231 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 232 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 233 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 234 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 235 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 236 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 237 237 ?> 238 238 </div> … … 246 246 </div> 247 247 <?php 248 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');249 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');250 echo$this->oxilab_flip_box_admin_number('backend-margin-top-bottom', $this->style[69], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right');251 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');252 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');248 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back'); 249 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 250 $this->oxilab_flip_box_admin_number('backend-margin-top-bottom', $this->style[69], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right'); 251 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 252 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style'); 253 253 ?> 254 254 </div> … … 258 258 </div> 259 259 <?php 260 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');261 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');262 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');263 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');264 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');265 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');266 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');267 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');260 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 261 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 262 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 263 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 264 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 265 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 266 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 267 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 268 268 ?> 269 269 </div> … … 275 275 </div> 276 276 <?php 277 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[131], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');278 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[133], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');279 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[25], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');277 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[131], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 278 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[133], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 279 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[25], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 280 280 ?> 281 281 </div> … … 285 285 </div> 286 286 <?php 287 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');288 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');289 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');290 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');291 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');292 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');293 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');294 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');287 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 288 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 289 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 290 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 291 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 292 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 293 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 294 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 295 295 ?> 296 296 </div> … … 301 301 <div class="form-group"> 302 302 <label for="custom-css" class="custom-css">Custom CSS:</label> 303 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>303 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 304 304 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 305 305 </div> … … 309 309 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 310 310 <?php 311 echo$this->oxilab_flip_box_admin_support();311 $this->oxilab_flip_box_admin_support(); 312 312 ?> 313 313 </div> … … 325 325 <div class="modal-body row"> 326 326 <?php 327 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');328 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');329 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');330 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');327 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 328 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 329 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 330 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 331 331 ?> 332 332 </div> … … 339 339 <div class="modal-body row"> 340 340 <?Php 341 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');342 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');343 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');344 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');341 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 342 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 343 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 344 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 345 345 ?> 346 346 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style24.php
r2209121 r2648808 128 128 . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}'; 129 129 130 131 130 return $data; 132 131 } … … 139 138 <div class="oxi-head"> 140 139 General Settings 141 </div> 142 <?php 143 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);144 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');145 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');146 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');147 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');148 ?> 149 </div> 140 </div> 141 <?php 142 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 143 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 144 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 145 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 146 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 147 ?> 148 </div> 150 149 <div class="oxi-addons-content-div"> 151 150 <div class="oxi-head"> 152 151 Optional Settings 153 </div> 154 <?php 155 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');156 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');157 ?> 152 </div> 153 <?php 154 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 155 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 156 ?> 158 157 </div> 159 158 </div> … … 164 163 </div> 165 164 <?php 166 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);167 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');168 ?> 169 </div> 165 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 166 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 167 ?> 168 </div> 170 169 <div class="oxi-addons-content-div"> 171 170 <div class="oxi-head"> … … 173 172 </div> 174 173 <?php 175 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');176 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');177 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');178 ?> 179 </div> 174 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 176 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 177 ?> 178 </div> 180 179 </div> 181 180 </div> … … 185 184 <div class="oxi-head"> 186 185 General Settings 187 </div> 188 <?php 189 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');190 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');191 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');192 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');193 ?> 194 </div> 186 </div> 187 <?php 188 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 189 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style'); 192 ?> 193 </div> 195 194 <div class="oxi-addons-content-div"> 196 195 <div class="oxi-head"> 197 196 Icon Settings 198 </div> 199 <?php 200 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');201 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');202 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');203 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');204 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');205 ?> 197 </div> 198 <?php 199 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 200 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 201 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 202 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 203 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 204 ?> 206 205 </div> 207 206 </div> … … 212 211 </div> 213 212 <?php 214 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');215 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');216 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');217 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');218 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');219 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');220 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');221 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');222 ?> 223 </div> 213 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 214 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 215 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 216 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 217 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 218 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 219 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 220 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 221 ?> 222 </div> 224 223 <div class="oxi-addons-content-div"> 225 224 <div class="oxi-head"> … … 227 226 </div> 228 227 <?php 229 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');230 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');231 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');232 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');233 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');234 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');235 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');236 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');237 ?> 238 </div> 228 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 229 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 230 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 231 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 232 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 233 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 234 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 235 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 236 ?> 237 </div> 239 238 </div> 240 239 </div> … … 244 243 <div class="oxi-head"> 245 244 General Settings 246 </div> 247 <?php 248 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');249 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');250 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');251 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');252 ?> 253 </div> 245 </div> 246 <?php 247 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 248 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 249 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 250 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style'); 251 ?> 252 </div> 254 253 255 254 <div class="oxi-addons-content-div"> 256 255 <div class="oxi-head"> 257 256 Icon Settings 258 </div> 259 <?php 260 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[137], '1', 'Icon Size', 'Set your Icon Font Size');261 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[25], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');262 echo$this->oxilab_flip_box_admin_color('backend-icon-background-color', $this->style[27], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data');263 echo$this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[139], '1', 'Border Radius', 'Set Your Icon Border Radius');264 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[141], 'backend-icon-padding-left-right', $this->style[143], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');265 ?> 257 </div> 258 <?php 259 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[137], '1', 'Icon Size', 'Set your Icon Font Size'); 260 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[25], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 261 $this->oxilab_flip_box_admin_color('backend-icon-background-color', $this->style[27], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data'); 262 $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[139], '1', 'Border Radius', 'Set Your Icon Border Radius'); 263 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[141], 'backend-icon-padding-left-right', $this->style[143], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 264 ?> 266 265 </div> 267 266 </div> … … 272 271 </div> 273 272 <?php 274 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');275 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');276 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');277 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');278 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');279 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');280 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');281 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');282 ?> 273 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 274 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 275 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 276 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 277 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 278 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 279 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 280 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 281 ?> 283 282 </div> 284 283 <div class="oxi-addons-content-div"> 285 284 <div class="oxi-head"> 286 285 Backend Info 287 </div> 288 <?php 289 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');290 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');291 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');292 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');293 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');294 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');295 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');296 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');297 ?> 298 </div> 299 </div> 300 </div> 286 </div> 287 <?php 288 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 289 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 290 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 291 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 292 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 293 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 294 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 295 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 296 ?> 297 </div> 298 </div> 299 </div> 301 300 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 302 301 <div class="col-xs-12 p-2"> 303 302 <div class="form-group"> 304 303 <label for="custom-css" class="custom-css">Custom CSS:</label> 305 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>304 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 306 305 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 307 306 </div> … … 311 310 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 312 311 <?php 313 echo$this->oxilab_flip_box_admin_support();312 $this->oxilab_flip_box_admin_support(); 314 313 ?> 315 314 </div> … … 327 326 <div class="modal-body row"> 328 327 <?php 329 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');330 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');331 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');332 333 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');334 ?> 328 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 329 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 330 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 331 332 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 333 ?> 335 334 </div> 336 335 <div class="modal-header"> … … 342 341 <div class="modal-body row"> 343 342 <?Php 344 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');345 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');346 echo$this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook');347 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');348 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');349 ?> 343 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 344 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 345 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook'); 346 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 347 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 348 ?> 350 349 </div> 351 350 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style25.php
r2209121 r2648808 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 178 </div> 179 179 </div> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');188 echo$this->oxilab_flip_box_admin_number('front-padding-top', $this->style[71], '', 'Inner Padding', 'Set your Front Padding.');189 echo$this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right');190 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');191 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[159], 'flip-col-border-style', $this->style[161], 'Border Size', 'Set your front border size with different style');192 ?> 193 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front'); 188 $this->oxilab_flip_box_admin_number('front-padding-top', $this->style[71], '', 'Inner Padding', 'Set your Front Padding.'); 189 $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[159], 'flip-col-border-style', $this->style[161], 'Border Size', 'Set your front border size with different style'); 192 ?> 193 </div> 194 194 </div> 195 195 </div> … … 199 199 <div class="oxi-head"> 200 200 General Settings 201 </div> 202 <?php 203 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');204 echo$this->oxilab_flip_box_admin_number('backend-border-padding-top', $this->style[163], '', 'Padding', 'Set your backend border Padding.');205 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');206 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');207 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[151], 'flip-backend-border-style', $this->style[149], 'Border Size', 'Set your backend border size with different style');208 ?> 209 </div> 201 </div> 202 <?php 203 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back'); 204 $this->oxilab_flip_box_admin_number('backend-border-padding-top', $this->style[163], '', 'Padding', 'Set your backend border Padding.'); 205 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 206 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 207 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[151], 'flip-backend-border-style', $this->style[149], 'Border Size', 'Set your backend border size with different style'); 208 ?> 209 </div> 210 210 <div class="oxi-addons-content-div"> 211 211 <div class="oxi-head"> … … 213 213 </div> 214 214 <?php 215 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');216 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');217 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');218 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');219 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');220 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');221 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');222 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');223 ?> 224 </div> 215 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 216 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 217 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 218 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 219 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 220 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 221 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 222 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 223 ?> 224 </div> 225 225 </div> 226 226 <div class="oxi-addons-col-6"> … … 228 228 <div class="oxi-head"> 229 229 Backend Title Border 230 </div> 231 <?php 232 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');233 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');234 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');235 ?> 236 </div> 230 </div> 231 <?php 232 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 233 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 234 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 235 ?> 236 </div> 237 237 <div class="oxi-addons-content-div"> 238 238 <div class="oxi-head"> 239 239 Backend Info 240 </div> 241 <?php 242 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');243 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');244 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');245 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');246 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');247 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');248 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');249 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');250 ?> 251 </div> 252 </div> 253 </div> 240 </div> 241 <?php 242 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 243 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 244 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 245 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 246 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 247 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 248 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 249 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 250 ?> 251 </div> 252 </div> 253 </div> 254 254 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 255 255 <div class="col-xs-12 p-2"> 256 256 <div class="form-group"> 257 257 <label for="custom-css" class="custom-css">Custom CSS:</label> 258 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>258 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 259 259 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 260 260 </div> … … 264 264 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 265 265 <?php 266 echo$this->oxilab_flip_box_admin_support();266 $this->oxilab_flip_box_admin_support(); 267 267 ?> 268 268 </div> … … 280 280 <div class="modal-body row"> 281 281 <?php 282 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');283 ?> 282 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 283 ?> 284 284 </div> 285 285 <div class="modal-header"> … … 291 291 <div class="modal-body row"> 292 292 <?Php 293 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');294 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');295 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');296 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');297 ?> 293 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 294 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 295 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 296 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 297 ?> 298 298 </div> 299 299 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style26.php
r2497348 r2648808 139 139 </div> 140 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 146 ?> 147 147 </div> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 155 ?> 156 156 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 166 ?> 167 167 </div> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 176 ?> 177 177 </div> … … 185 185 </div> 186 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');188 echo$this->oxilab_flip_box_admin_number('front-border-margin-top', $this->style[69], '', 'Margin', 'Set your front border Margin.');189 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right');190 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');191 echo$this->oxilab_flip_box_admin_border('flip-front-border-size', $this->style[75], 'flip-front-border-style', $this->style[77], 'Border Size', 'Set your front border size with different style');187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front'); 188 $this->oxilab_flip_box_admin_number('front-border-margin-top', $this->style[69], '', 'Margin', 'Set your front border Margin.'); 189 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-front-border-size', $this->style[75], 'flip-front-border-style', $this->style[77], 'Border Size', 'Set your front border size with different style'); 192 192 ?> 193 193 </div> … … 197 197 </div> 198 198 <?php 199 echo$this->oxilab_flip_box_admin_number('front-number-size', $this->style[79], '1', 'Number Size', 'Set your Number Font Size');200 echo$this->oxilab_flip_box_admin_color('front-number-color', $this->style[11], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');201 echo$this->oxilab_flip_box_admin_font_family('front-number-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');202 echo$this->oxilab_flip_box_admin_font_style('front-number-style', $this->style[83], 'Font Style', 'Set your Number Font Style');203 echo$this->oxilab_flip_box_admin_font_weight('front-number-weight', $this->style[85], 'Font Weight', 'Give your Front Number Font Weight');204 echo$this->oxilab_flip_box_admin_number_double('front-number-padding-top-bottom', $this->style[87], 'front-number-padding-left-right', $this->style[89], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right');199 $this->oxilab_flip_box_admin_number('front-number-size', $this->style[79], '1', 'Number Size', 'Set your Number Font Size'); 200 $this->oxilab_flip_box_admin_color('front-number-color', $this->style[11], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 201 $this->oxilab_flip_box_admin_font_family('front-number-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List'); 202 $this->oxilab_flip_box_admin_font_style('front-number-style', $this->style[83], 'Font Style', 'Set your Number Font Style'); 203 $this->oxilab_flip_box_admin_font_weight('front-number-weight', $this->style[85], 'Font Weight', 'Give your Front Number Font Weight'); 204 $this->oxilab_flip_box_admin_number_double('front-number-padding-top-bottom', $this->style[87], 'front-number-padding-left-right', $this->style[89], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right'); 205 205 ?> 206 206 </div> … … 212 212 </div> 213 213 <?php 214 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');215 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');216 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');217 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');218 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');219 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');220 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');221 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading Padding Left and Right');214 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size'); 215 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 216 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List'); 217 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style'); 218 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight'); 219 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align'); 220 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 221 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 222 222 ?> 223 223 </div> … … 231 231 </div> 232 232 <?php 233 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');234 echo$this->oxilab_flip_box_admin_number('backend-border-margin-top', $this->style[105], '', 'Margin', 'Set your backend border Margin.');235 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');236 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');237 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[149], 'flip-backend-border-style', $this->style[151], 'Border Size', 'Set your backend border size with different style');233 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back'); 234 $this->oxilab_flip_box_admin_number('backend-border-margin-top', $this->style[105], '', 'Margin', 'Set your backend border Margin.'); 235 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 236 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 237 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[149], 'flip-backend-border-style', $this->style[151], 'Border Size', 'Set your backend border size with different style'); 238 238 ?> 239 239 </div> … … 243 243 </div> 244 244 <?php 245 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');246 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');247 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');248 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');249 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');250 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');251 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');252 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');245 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 246 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 247 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 248 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 249 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 250 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 251 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 252 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 253 253 ?> 254 254 </div> … … 258 258 </div> 259 259 <?php 260 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');261 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');262 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', '');260 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 261 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 262 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', ''); 263 263 ?> 264 264 </div> … … 270 270 </div> 271 271 <?php 272 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');273 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');274 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');275 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');276 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');277 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');278 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');279 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');272 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 273 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 274 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 275 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 276 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 277 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 278 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 279 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 280 280 ?> 281 281 </div> … … 285 285 </div> 286 286 <?php 287 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');288 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');289 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');290 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');291 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');292 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');293 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');294 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');295 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');296 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');297 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');298 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');299 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');287 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 288 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 289 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 290 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 291 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 292 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 293 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 294 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 295 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 296 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 297 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 298 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 299 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 300 300 ?> 301 301 </div> … … 306 306 <div class="form-group"> 307 307 <label for="custom-css" class="custom-css">Custom CSS:</label> 308 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>308 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 309 309 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 310 310 </div> … … 314 314 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 315 315 <?php 316 echo$this->oxilab_flip_box_admin_support();316 $this->oxilab_flip_box_admin_support(); 317 317 ?> 318 318 </div> … … 330 330 <div class="modal-body row"> 331 331 <?php 332 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');333 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');334 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');332 $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial'); 333 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 334 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 335 335 ?> 336 336 </div> … … 343 343 <div class="modal-body row"> 344 344 <?Php 345 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');346 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');347 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');348 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');349 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');345 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 346 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 347 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 348 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 349 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 350 350 ?> 351 351 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style27.php
r2209121 r2648808 139 139 <div class="oxi-head"> 140 140 General Settings 141 </div> 142 <?php 143 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);144 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');145 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');146 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');147 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');148 ?> 149 </div> 141 </div> 142 <?php 143 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 144 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 145 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 146 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 147 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 148 ?> 149 </div> 150 150 <div class="oxi-addons-content-div"> 151 151 <div class="oxi-head"> 152 152 Optional Settings 153 </div> 154 <?php 155 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');156 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');157 ?> 153 </div> 154 <?php 155 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 156 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 157 ?> 158 158 </div> 159 159 </div> … … 164 164 </div> 165 165 <?php 166 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);167 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');168 ?> 169 </div> 166 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 167 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 168 ?> 169 </div> 170 170 <div class="oxi-addons-content-div"> 171 171 <div class="oxi-head"> … … 173 173 </div> 174 174 <?php 175 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');176 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');177 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');178 ?> 179 </div> 175 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 176 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 177 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 178 ?> 179 </div> 180 180 </div> 181 181 </div> … … 185 185 <div class="oxi-head"> 186 186 General Settings 187 </div> 188 <?php 189 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');190 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your front Padding as Top Bottom and Left Right');191 ?> 192 </div> 187 </div> 188 <?php 189 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 190 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your front Padding as Top Bottom and Left Right'); 191 ?> 192 </div> 193 193 <div class="oxi-addons-content-div"> 194 194 <div class="oxi-head"> … … 196 196 </div> 197 197 <?php 198 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');199 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');200 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');201 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');202 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');203 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');204 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');205 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading Padding Left and Right');206 ?> 207 </div> 198 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size'); 199 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 200 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List'); 201 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style'); 202 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight'); 203 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align'); 204 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 205 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 206 ?> 207 </div> 208 208 </div> 209 209 <div class="oxi-addons-col-6"> … … 211 211 <div class="oxi-head"> 212 212 Front Title Border 213 </div> 214 <?php 215 echo$this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[75], '1', 'Border Width', 'Set your Front Title Bottom Border Width');216 echo$this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[77], '1', 'Border Height', 'Set your Front Title Bottom Border Height');217 echo$this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[9], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');218 ?> 213 </div> 214 <?php 215 $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[75], '1', 'Border Width', 'Set your Front Title Bottom Border Width'); 216 $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[77], '1', 'Border Height', 'Set your Front Title Bottom Border Height'); 217 $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[9], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 218 ?> 219 219 </div> 220 220 <div class="oxi-addons-content-div"> … … 223 223 </div> 224 224 <?php 225 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[79], '1', 'Font Size', 'Set your front Info Font Size');226 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');227 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');228 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[83], 'Font Style', 'Set your Info Font Style');229 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[85], 'Font Weight', 'Give your Front Info Font Weight');230 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[87], 'Text Align', 'Give your Info Text Align');231 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[89], 'front-info-padding-bottom', $this->style[91], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');232 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[93], 'front-info-padding-right', $this->style[95], 'Padding Left Right', 'Set Your Info Padding Left and Right');233 ?> 234 </div> 225 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[79], '1', 'Font Size', 'Set your front Info Font Size'); 226 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 227 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List'); 228 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[83], 'Font Style', 'Set your Info Font Style'); 229 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[85], 'Font Weight', 'Give your Front Info Font Weight'); 230 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[87], 'Text Align', 'Give your Info Text Align'); 231 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[89], 'front-info-padding-bottom', $this->style[91], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 232 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[93], 'front-info-padding-right', $this->style[95], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 233 ?> 234 </div> 235 235 236 236 </div> … … 241 241 <div class="oxi-head"> 242 242 General Settings 243 </div> 244 <?php 245 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');246 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');247 ?> 248 </div> 243 </div> 244 <?php 245 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 246 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 247 ?> 248 </div> 249 249 <div class="oxi-addons-content-div"> 250 250 <div class="oxi-head"> … … 252 252 </div> 253 253 <?php 254 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');255 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');256 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');257 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');258 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');259 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');260 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');261 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');262 ?> 254 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 255 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 256 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 257 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 258 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 259 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 260 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 261 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 262 ?> 263 263 </div> 264 264 <div class="oxi-addons-content-div"> 265 265 <div class="oxi-head"> 266 266 Backend Title Border 267 </div> 268 <?php 269 echo$this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');270 echo$this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');271 echo$this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');272 ?> 273 </div> 267 </div> 268 <?php 269 $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width'); 270 $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height'); 271 $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span'); 272 ?> 273 </div> 274 274 </div> 275 275 <div class="oxi-addons-col-6"> … … 277 277 <div class="oxi-head"> 278 278 Backend Info 279 </div> 280 <?php 281 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');282 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');283 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');284 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');285 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');286 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');287 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');288 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');289 ?> 279 </div> 280 <?php 281 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 282 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 283 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 284 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 285 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 286 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 287 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 288 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 289 ?> 290 290 </div> 291 291 <div class="oxi-addons-content-div"> … … 294 294 </div> 295 295 <?php 296 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');297 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');298 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');299 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');300 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');301 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');302 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');303 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');304 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');305 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');306 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');307 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');308 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');309 ?> 310 </div> 311 </div> 312 </div> 296 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 297 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 298 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 299 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 300 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 301 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 302 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 303 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 304 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 305 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 306 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 307 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 308 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 309 ?> 310 </div> 311 </div> 312 </div> 313 313 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 314 314 <div class="col-xs-12 p-2"> 315 315 <div class="form-group"> 316 316 <label for="custom-css" class="custom-css">Custom CSS:</label> 317 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>317 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 318 318 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 319 319 </div> … … 323 323 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 324 324 <?php 325 echo$this->oxilab_flip_box_admin_support();325 $this->oxilab_flip_box_admin_support(); 326 326 ?> 327 327 </div> … … 339 339 <div class="modal-body row"> 340 340 <?php 341 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');342 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');343 344 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');345 ?> 341 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 342 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 343 344 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 345 ?> 346 346 </div> 347 347 <div class="modal-header"> … … 353 353 <div class="modal-body row"> 354 354 <?Php 355 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');356 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');357 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');358 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');359 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');360 ?> 355 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 356 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 357 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 358 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 359 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 360 ?> 361 361 </div> 362 362 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style28.php
r2209121 r2648808 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 178 </div> 179 179 </div> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');188 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');189 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');190 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');191 ?> 192 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 188 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 189 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 190 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style'); 191 ?> 192 </div> 193 193 <div class="oxi-addons-content-div"> 194 194 <div class="oxi-head"> 195 195 Icon Settings 196 </div> 197 <?php 198 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');199 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');200 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');201 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');202 ?> 196 </div> 197 <?php 198 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 199 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 200 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 201 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 202 ?> 203 203 </div> 204 204 </div> … … 209 209 </div> 210 210 <?php 211 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');212 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');213 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');214 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');215 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');216 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');217 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');218 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');219 ?> 220 </div> 211 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 212 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 213 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 214 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 215 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 216 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 217 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 218 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 219 ?> 220 </div> 221 221 </div> 222 222 </div> … … 226 226 <div class="oxi-head"> 227 227 General Settings 228 </div> 229 <?php 230 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');231 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');232 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');233 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');234 ?> 235 </div> 228 </div> 229 <?php 230 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 231 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 232 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 233 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style'); 234 ?> 235 </div> 236 236 <div class="oxi-addons-content-div"> 237 237 <div class="oxi-head"> … … 239 239 </div> 240 240 <?php 241 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');242 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');243 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');244 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');245 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');246 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');247 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');248 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');249 ?> 241 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 242 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 243 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 244 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 245 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 246 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 247 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 248 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 249 ?> 250 250 </div> 251 251 </div> … … 254 254 <div class="oxi-head"> 255 255 Backend Info 256 </div> 257 <?php 258 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');259 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');260 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');261 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');262 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');263 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');264 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');265 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');266 ?> 256 </div> 257 <?php 258 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 259 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 260 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 261 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 262 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 263 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 264 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 265 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 266 ?> 267 267 </div> 268 268 <div class="oxi-addons-content-div"> … … 271 271 </div> 272 272 <?php 273 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');274 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');275 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');276 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');277 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');278 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');279 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');280 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');281 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');282 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');283 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');284 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');285 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');286 ?> 287 </div> 288 </div> 289 </div> 273 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 274 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 275 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 276 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 277 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 278 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 279 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 280 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 281 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 282 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 283 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 284 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 285 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 286 ?> 287 </div> 288 </div> 289 </div> 290 290 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 291 291 <div class="col-xs-12 p-2"> 292 292 <div class="form-group"> 293 293 <label for="custom-css" class="custom-css">Custom CSS:</label> 294 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>294 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 295 295 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 296 296 </div> … … 300 300 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 301 301 <?php 302 echo$this->oxilab_flip_box_admin_support();302 $this->oxilab_flip_box_admin_support(); 303 303 ?> 304 304 </div> … … 316 316 <div class="modal-body row"> 317 317 <?php 318 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');319 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');320 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');321 ?> 318 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 319 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 320 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 321 ?> 322 322 </div> 323 323 <div class="modal-header"> … … 329 329 <div class="modal-body row"> 330 330 <?Php 331 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');332 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');333 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');334 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');335 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');336 ?> 331 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 332 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 333 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 334 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 335 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 336 ?> 337 337 </div> 338 338 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style29.php
r2209121 r2648808 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 178 </div> 179 179 </div> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-heading');188 echo$this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');189 echo$this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');190 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');191 echo$this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');192 ?> 193 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-heading'); 188 $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)'); 189 $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)'); 190 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 191 $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style'); 192 ?> 193 </div> 194 194 </div> 195 195 <div class="oxi-addons-col-6"> … … 199 199 </div> 200 200 <?php 201 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');202 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');203 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');204 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');205 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');206 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');207 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');208 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');209 ?> 210 </div> 201 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 202 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 203 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 204 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 205 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 206 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 207 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 208 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 209 ?> 210 </div> 211 211 </div> 212 212 </div> … … 216 216 <div class="oxi-head"> 217 217 General Settings 218 </div> 219 <?php 220 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');221 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');222 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');223 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');224 ?> 225 </div> 218 </div> 219 <?php 220 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 221 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 222 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 223 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style'); 224 ?> 225 </div> 226 226 <div class="oxi-addons-content-div"> 227 227 <div class="oxi-head"> … … 229 229 </div> 230 230 <?php 231 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');232 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');233 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');234 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');235 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');236 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');237 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');238 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');239 ?> 231 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 232 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 233 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 234 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 235 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 236 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 237 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 238 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 239 ?> 240 240 </div> 241 241 </div> … … 244 244 <div class="oxi-head"> 245 245 Backend Info 246 </div> 247 <?php 248 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');249 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');250 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');251 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');252 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');253 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');254 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');255 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');256 ?> 246 </div> 247 <?php 248 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 249 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 250 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 251 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 252 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 253 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 254 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 255 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 256 ?> 257 257 </div> 258 258 <div class="oxi-addons-content-div"> … … 261 261 </div> 262 262 <?php 263 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');264 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');265 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');266 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');267 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');268 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');269 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');270 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');271 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');272 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');273 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');274 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');275 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');276 ?> 277 </div> 263 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 264 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 265 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 266 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 267 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 268 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 269 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 270 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 271 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 272 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 273 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 274 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 275 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 276 ?> 277 </div> 278 278 </div> 279 279 </div> … … 282 282 <div class="form-group"> 283 283 <label for="custom-css" class="custom-css">Custom CSS:</label> 284 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>284 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 285 285 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 286 286 </div> … … 290 290 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 291 291 <?php 292 echo$this->oxilab_flip_box_admin_support();292 $this->oxilab_flip_box_admin_support(); 293 293 ?> 294 294 </div> … … 306 306 <div class="modal-body row"> 307 307 <?php 308 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');309 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');310 ?> 308 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 309 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 310 ?> 311 311 </div> 312 312 <div class="modal-header"> … … 318 318 <div class="modal-body row"> 319 319 <?Php 320 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');321 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');322 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');323 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');324 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');325 ?> 320 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 321 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 322 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 323 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 324 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 325 ?> 326 326 </div> 327 327 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style3.php
r2497348 r2648808 109 109 </div> 110 110 <?php 111 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);112 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');113 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');114 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');115 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');111 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 112 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 113 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 114 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 115 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius'); 116 116 ?> 117 117 </div> … … 121 121 </div> 122 122 <?php 123 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');124 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');123 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 124 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 125 125 ?> 126 126 </div> … … 132 132 </div> 133 133 <?php 134 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);135 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');134 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 135 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 136 136 ?> 137 137 </div> … … 141 141 </div> 142 142 <?php 143 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');144 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');145 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');143 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 144 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 145 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 146 146 ?> 147 147 </div> … … 155 155 </div> 156 156 <?php 157 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');158 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');157 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 158 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 159 159 ?> 160 160 </div> … … 164 164 </div> 165 165 <?php 166 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');167 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');168 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[75], '1', 'Icon width', 'Set your Icon Width and Height Size.');169 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');170 echo$this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');166 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size'); 167 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 168 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[75], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 169 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 170 $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align'); 171 171 ?> 172 172 </div> … … 178 178 </div> 179 179 <?php 180 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');181 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');182 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');183 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');184 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');185 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');186 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');187 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');180 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 181 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 182 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 183 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 184 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 185 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 186 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 187 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 188 188 ?> 189 189 </div> … … 193 193 </div> 194 194 <?php 195 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[101], '1', 'Font Size', 'Set your front Info Font Size');196 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');197 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[103], 'Font Family', 'Give your Prepared Font from our Google Font List');198 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[105], 'Font Style', 'Set your Info Font Style');199 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[107], 'Font Weight', 'Give your Front Info Font Weight');200 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[109], 'Text Align', 'Give your Info Text Align');201 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[111], 'front-info-padding-bottom', $this->style[113], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');202 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[115], 'front-info-padding-right', $this->style[117], 'Padding Left Right', 'Set Your Info Padding Left and Right');195 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[101], '1', 'Font Size', 'Set your front Info Font Size'); 196 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 197 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[103], 'Font Family', 'Give your Prepared Font from our Google Font List'); 198 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[105], 'Font Style', 'Set your Info Font Style'); 199 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[107], 'Font Weight', 'Give your Front Info Font Weight'); 200 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[109], 'Text Align', 'Give your Info Text Align'); 201 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[111], 'front-info-padding-bottom', $this->style[113], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 202 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[115], 'front-info-padding-right', $this->style[117], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 203 203 ?> 204 204 </div> … … 212 212 </div> 213 213 <?php 214 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');215 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');214 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 215 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 216 216 ?> 217 217 </div> … … 223 223 </div> 224 224 <?php 225 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');226 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');227 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');228 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');229 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');230 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');231 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');232 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');225 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size'); 226 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 227 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List'); 228 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style'); 229 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight'); 230 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align'); 231 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 232 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 233 233 ?> 234 234 </div> … … 239 239 <div class="form-group"> 240 240 <label for="custom-css" class="custom-css">Custom CSS:</label> 241 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[143]; ?></textarea>241 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[143]); ?></textarea> 242 242 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 243 243 </div> … … 247 247 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 248 248 <?php 249 echo$this->oxilab_flip_box_admin_support();249 $this->oxilab_flip_box_admin_support(); 250 250 ?> 251 251 </div> … … 263 263 <div class="modal-body row"> 264 264 <?php 265 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');266 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[13], 'Font Info:', 'Add font Info text unless make it blank.');267 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');268 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');265 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 266 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[13], 'Font Info:', 'Add font Info text unless make it blank.'); 267 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 268 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 269 269 ?> 270 270 </div> … … 277 277 <div class="modal-body row"> 278 278 <?Php 279 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');280 281 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');282 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');279 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 280 281 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank'); 282 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 283 283 ?> 284 284 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style4.php
r2209121 r2648808 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 178 </div> 179 179 </div> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');188 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');189 ?> 190 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 188 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 189 ?> 190 </div> 191 191 <div class="oxi-addons-content-div"> 192 192 <div class="oxi-head"> 193 193 Icon Settings 194 </div> 195 <?php 196 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');197 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');198 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');199 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');200 ?> 194 </div> 195 <?php 196 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 197 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 198 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 199 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 200 ?> 201 201 </div> 202 202 </div> … … 207 207 </div> 208 208 <?php 209 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');210 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');211 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');212 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');213 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');214 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');215 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');216 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');217 ?> 209 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 210 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 211 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 212 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 213 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 214 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 215 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 216 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 217 ?> 218 218 </div> 219 219 <div class="oxi-addons-content-div"> … … 222 222 </div> 223 223 <?php 224 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');225 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');226 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');227 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');228 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');229 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');230 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');231 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');232 ?> 233 </div> 224 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 225 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 226 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 227 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 228 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 229 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 230 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 231 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 232 ?> 233 </div> 234 234 </div> 235 235 </div> … … 239 239 <div class="oxi-head"> 240 240 General Settings 241 </div> 242 <?php 243 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');244 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');245 ?> 246 </div> 241 </div> 242 <?php 243 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 244 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 245 ?> 246 </div> 247 247 <div class="oxi-addons-content-div"> 248 248 <div class="oxi-head"> … … 250 250 </div> 251 251 <?php 252 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');253 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');254 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');255 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');256 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');257 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');258 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');259 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');260 ?> 252 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 253 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 254 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 255 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 256 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 257 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 258 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 259 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 260 ?> 261 261 </div> 262 262 </div> … … 265 265 <div class="oxi-head"> 266 266 Backend Info 267 </div> 268 <?php 269 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');270 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');271 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');272 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');273 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');274 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');275 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');276 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');277 ?> 267 </div> 268 <?php 269 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 270 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 271 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 272 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 273 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 274 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 275 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 276 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 277 ?> 278 278 </div> 279 279 <div class="oxi-addons-content-div"> … … 282 282 </div> 283 283 <?php 284 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');285 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');286 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');287 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');288 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');289 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');290 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');291 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');292 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');293 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');294 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');295 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');296 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');297 ?> 298 </div> 284 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 285 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 286 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 287 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 288 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 289 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 290 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 291 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 292 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 293 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 294 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 295 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 296 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 297 ?> 298 </div> 299 299 </div> 300 300 </div> … … 303 303 <div class="form-group"> 304 304 <label for="custom-css" class="custom-css">Custom CSS:</label> 305 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>305 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 306 306 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 307 307 </div> … … 311 311 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 312 312 <?php 313 echo$this->oxilab_flip_box_admin_support();313 $this->oxilab_flip_box_admin_support(); 314 314 ?> 315 315 </div> … … 327 327 <div class="modal-body row"> 328 328 <?php 329 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');330 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');331 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');332 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');333 ?> 329 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 330 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 331 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 332 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 333 ?> 334 334 </div> 335 335 <div class="modal-header"> … … 341 341 <div class="modal-body row"> 342 342 <?Php 343 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');344 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');345 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');346 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');347 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');348 ?> 343 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 344 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 345 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 346 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 347 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 348 ?> 349 349 </div> 350 350 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style5.php
r2209121 r2648808 121 121 . ' {#}|{#}{#}|{#}' 122 122 . ' flip-box-image-upload-url-01 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-01']) . '{#}|{#}' 123 . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'124 . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'123 . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}' 124 . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}' 125 125 . ' flip-box-backend-link {#}|{#}' . sanitize_text_field($_POST['flip-box-backend-link']) . '{#}|{#}' 126 126 . ' flip-box-image-upload-url-02 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-02']) . '{#}|{#}' 127 127 . ' {#}|{#}{#}|{#}' 128 . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';128 . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}'; 129 129 return $data; 130 130 } … … 137 137 <div class="oxi-head"> 138 138 General Settings 139 </div> 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');146 ?> 147 </div> 139 </div> 140 <?php 141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 ?> 147 </div> 148 148 <div class="oxi-addons-content-div"> 149 149 <div class="oxi-head"> 150 150 Optional Settings 151 </div> 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');155 ?> 151 </div> 152 <?php 153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 ?> 156 156 </div> 157 157 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');166 ?> 167 </div> 164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 ?> 167 </div> 168 168 <div class="oxi-addons-content-div"> 169 169 <div class="oxi-head"> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');176 ?> 177 </div> 173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 ?> 177 </div> 178 178 </div> 179 179 </div> … … 183 183 <div class="oxi-head"> 184 184 General Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');188 ?> 189 </div> 190 </div> 191 </div> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 188 ?> 189 </div> 190 </div> 191 </div> 192 192 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3"> 193 193 <div class="oxi-addons-col-6"> … … 195 195 <div class="oxi-head"> 196 196 General Settings 197 </div> 198 <?php 199 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');200 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');201 ?> 202 </div> 197 </div> 198 <?php 199 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 200 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 201 ?> 202 </div> 203 203 <div class="oxi-addons-content-div"> 204 204 <div class="oxi-head"> … … 206 206 </div> 207 207 <?php 208 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');209 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');210 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');211 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');212 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');213 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');214 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');215 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');216 ?> 208 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 209 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 210 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 211 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 212 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 213 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 214 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 215 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 216 ?> 217 217 </div> 218 218 </div> … … 221 221 <div class="oxi-head"> 222 222 Backend Info 223 </div> 224 <?php 225 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');226 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');227 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');228 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');229 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');230 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');231 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');232 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');233 ?> 223 </div> 224 <?php 225 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 226 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 227 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 228 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 229 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 230 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 231 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 232 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 233 ?> 234 234 </div> 235 235 <div class="oxi-addons-content-div"> … … 238 238 </div> 239 239 <?php 240 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');241 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');242 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');243 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');244 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');245 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');246 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');247 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');248 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');249 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');250 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');251 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');252 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');253 ?> 254 </div> 240 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 241 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 242 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 243 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 244 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 245 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 246 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 247 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 248 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 249 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 250 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 251 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 252 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 253 ?> 254 </div> 255 255 </div> 256 256 </div> … … 259 259 <div class="form-group"> 260 260 <label for="custom-css" class="custom-css">Custom CSS:</label> 261 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>261 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 262 262 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 263 263 </div> … … 267 267 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 268 268 <?php 269 echo$this->oxilab_flip_box_admin_support();269 $this->oxilab_flip_box_admin_support(); 270 270 ?> 271 271 </div> … … 283 283 <div class="modal-body row"> 284 284 <?php 285 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');286 ?> 285 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 286 ?> 287 287 </div> 288 288 <div class="modal-header"> … … 294 294 <div class="modal-body row"> 295 295 <?Php 296 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');297 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');298 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');299 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');300 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');301 ?> 296 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 297 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 298 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 299 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 300 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 301 ?> 302 302 </div> 303 303 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style6.php
r2497348 r2648808 139 139 </div> 140 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 146 ?> 147 147 </div> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 155 ?> 156 156 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 166 ?> 167 167 </div> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 176 ?> 177 177 </div> … … 185 185 </div> 186 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');188 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');189 echo$this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 188 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 189 $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style'); 190 190 ?> 191 191 </div> … … 199 199 </div> 200 200 <?php 201 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');202 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');203 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[97], 'flip-backend-border-style', $this->style[99], 'Border Size', 'Set your front border size with different style');204 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');201 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 202 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 203 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[97], 'flip-backend-border-style', $this->style[99], 'Border Size', 'Set your front border size with different style'); 204 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 205 205 ?> 206 206 </div> … … 210 210 </div> 211 211 <?php 212 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');213 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');214 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');215 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');216 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');217 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');218 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');219 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');212 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 213 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 214 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 215 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 216 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 217 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 218 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 219 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 220 220 ?> 221 221 </div> … … 227 227 </div> 228 228 <?php 229 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');230 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');231 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');232 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');233 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');234 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');235 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');236 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');229 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 230 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 231 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 232 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 233 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 234 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 235 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 236 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 237 237 ?> 238 238 </div> … … 243 243 <div class="form-group"> 244 244 <label for="custom-css" class="custom-css">Custom CSS:</label> 245 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>245 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 246 246 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 247 247 </div> … … 251 251 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 252 252 <?php 253 echo$this->oxilab_flip_box_admin_support();253 $this->oxilab_flip_box_admin_support(); 254 254 ?> 255 255 </div> … … 267 267 <div class="modal-body row"> 268 268 <?php 269 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');269 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 270 270 ?> 271 271 </div> … … 278 278 <div class="modal-body row"> 279 279 <?Php 280 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');281 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');282 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');283 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');280 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 281 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 282 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 283 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 284 284 ?> 285 285 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style7.php
r2209121 r2648808 128 128 <div class="oxi-head"> 129 129 General Settings 130 </div> 131 <?php 132 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);133 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');134 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');135 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');136 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');137 ?> 138 </div> 130 </div> 131 <?php 132 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 133 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 134 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 135 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 136 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 137 ?> 138 </div> 139 139 <div class="oxi-addons-content-div"> 140 140 <div class="oxi-head"> 141 141 Optional Settings 142 </div> 143 <?php 144 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');145 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');146 ?> 142 </div> 143 <?php 144 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 145 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 146 ?> 147 147 </div> 148 148 </div> … … 153 153 </div> 154 154 <?php 155 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);156 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');157 ?> 158 </div> 155 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 156 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 157 ?> 158 </div> 159 159 <div class="oxi-addons-content-div"> 160 160 <div class="oxi-head"> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');165 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');166 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');167 ?> 168 </div> 164 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 165 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 166 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 167 ?> 168 </div> 169 169 </div> 170 170 </div> … … 174 174 <div class="oxi-head"> 175 175 General Settings 176 </div> 177 <?php 178 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');179 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');180 ?> 181 </div> 176 </div> 177 <?php 178 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 179 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 180 ?> 181 </div> 182 182 <div class="oxi-addons-content-div"> 183 183 <div class="oxi-head"> 184 184 Icon Settings 185 </div> 186 <?php 187 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');188 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');189 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');190 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');191 ?> 185 </div> 186 <?php 187 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 188 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 189 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 190 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 191 ?> 192 192 </div> 193 193 </div> … … 198 198 </div> 199 199 <?php 200 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');201 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');202 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');203 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');204 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');205 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');206 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');207 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');208 ?> 209 </div> 200 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 201 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 202 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 203 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 204 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 205 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 206 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 207 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 208 ?> 209 </div> 210 210 <div class="oxi-addons-content-div"> 211 211 <div class="oxi-head"> … … 213 213 </div> 214 214 <?php 215 echo$this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');216 echo$this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');217 echo$this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');218 echo$this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');219 echo$this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');220 echo$this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');221 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');222 echo$this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right');223 ?> 224 </div> 225 </div> 226 </div> 215 $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size'); 216 $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info'); 217 $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List'); 218 $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style'); 219 $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight'); 220 $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align'); 221 $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom'); 222 $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info Padding Left and Right'); 223 ?> 224 </div> 225 </div> 226 </div> 227 227 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3"> 228 228 <div class="oxi-addons-col-6"> … … 230 230 <div class="oxi-head"> 231 231 General Settings 232 </div> 233 <?php 234 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');235 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');236 ?> 237 </div> 232 </div> 233 <?php 234 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 235 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 236 ?> 237 </div> 238 238 <div class="oxi-addons-content-div"> 239 239 <div class="oxi-head"> 240 240 Backend Info 241 </div> 242 <?php 243 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');244 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');245 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');246 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');247 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');248 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');249 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');250 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');251 ?> 241 </div> 242 <?php 243 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 244 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 245 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 246 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 247 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 248 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 249 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 250 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 251 ?> 252 252 </div> 253 253 </div> … … 258 258 </div> 259 259 <?php 260 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');261 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');262 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');263 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');264 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');265 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');266 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');267 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');268 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');269 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');270 ?> 271 </div> 272 </div> 273 </div> 260 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 261 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 262 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 263 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 264 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 265 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 266 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 267 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 268 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 269 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 270 ?> 271 </div> 272 </div> 273 </div> 274 274 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2"> 275 275 <div class="col-xs-12 p-2"> 276 276 <div class="form-group"> 277 277 <label for="custom-css" class="custom-css">Custom CSS:</label> 278 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[181]; ?></textarea>278 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[181]); ?></textarea> 279 279 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 280 280 </div> … … 284 284 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 285 285 <?php 286 echo$this->oxilab_flip_box_admin_support();286 $this->oxilab_flip_box_admin_support(); 287 287 ?> 288 288 </div> … … 300 300 <div class="modal-body row"> 301 301 <?php 302 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');303 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');304 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');305 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');306 ?> 302 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 303 $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.'); 304 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 305 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 306 ?> 307 307 </div> 308 308 <div class="modal-header"> … … 314 314 <div class="modal-body row"> 315 315 <?Php 316 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');317 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');318 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');319 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');320 ?> 316 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 317 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 318 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 319 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 320 ?> 321 321 </div> 322 322 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style8.php
r2497348 r2648808 84 84 </div> 85 85 <?php 86 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);87 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');88 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');89 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');90 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[93], '1', 'Border Radius', 'Set your flip Border Radius');86 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 87 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 88 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 89 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 90 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[93], '1', 'Border Radius', 'Set your flip Border Radius'); 91 91 ?> 92 92 </div> … … 96 96 </div> 97 97 <?php 98 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');99 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');98 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 99 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 100 100 ?> 101 101 </div> … … 107 107 </div> 108 108 <?php 109 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);110 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');109 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 110 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 111 111 ?> 112 112 </div> … … 116 116 </div> 117 117 <?php 118 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');119 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');120 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');118 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 119 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 120 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 121 121 ?> 122 122 </div> … … 130 130 </div> 131 131 <?php 132 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');133 echo$this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');134 echo$this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');132 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ''); 133 $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . ''); 134 $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style'); 135 135 ?> 136 136 </div> … … 142 142 </div> 143 143 <?php 144 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');145 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[13], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');146 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');147 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[81], 'front-icon-padding-left-right', $this->style[83], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');144 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 145 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[13], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 146 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 147 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[81], 'front-icon-padding-left-right', $this->style[83], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 148 148 ?> 149 149 </div> … … 157 157 </div> 158 158 <?php 159 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[9], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');160 echo$this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');161 echo$this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[73], 'flip-backend-border-style', $this->style[75], 'Border Size', 'Set your front border size with different style');159 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[9], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 160 $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 161 $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[73], 'flip-backend-border-style', $this->style[75], 'Border Size', 'Set your front border size with different style'); 162 162 ?> 163 163 </div> … … 169 169 </div> 170 170 <?php 171 echo$this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[85], '1', 'Icon Size', 'Set your Icon Font Size');172 echo$this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data [class^=\'fa\']');173 echo$this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[87], '1', 'Icon width', 'Set your Icon Width and Height Size.');174 echo$this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[89], 'backend-icon-padding-left-right', $this->style[91], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');171 $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[85], '1', 'Icon Size', 'Set your Icon Font Size'); 172 $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data [class^=\'fa\']'); 173 $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[87], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 174 $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[89], 'backend-icon-padding-left-right', $this->style[91], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 175 175 ?> 176 176 </div> … … 181 181 <div class="form-group"> 182 182 <label for="custom-css" class="custom-css">Custom CSS:</label> 183 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[95]; ?></textarea>183 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[95]); ?></textarea> 184 184 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 185 185 </div> … … 189 189 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 190 190 <?php 191 echo$this->oxilab_flip_box_admin_support();191 $this->oxilab_flip_box_admin_support(); 192 192 ?> 193 193 </div> … … 205 205 <div class="modal-body row"> 206 206 <?php 207 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[11], 'Rearrange Title', 'Add your flip Rearrange title.');208 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[7], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');209 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[1], 'Front Image', 'Add or modify your front image.');207 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[11], 'Rearrange Title', 'Add your flip Rearrange title.'); 208 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[7], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 209 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[1], 'Front Image', 'Add or modify your front image.'); 210 210 ?> 211 211 </div> … … 218 218 <div class="modal-body row"> 219 219 <?Php 220 echo$this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');221 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[3], 'Link', 'Add your desire link or url unless make it blank');222 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[5], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');220 $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 221 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[3], 'Link', 'Add your desire link or url unless make it blank'); 222 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[5], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 223 223 ?> 224 224 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style9.php
r2497348 r2648808 139 139 </div> 140 140 <?php 141 echo$this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);142 echo$this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');143 echo$this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');144 echo$this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');145 echo$this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');141 $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]); 142 $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows'); 143 $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width'); 144 $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height'); 145 $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius'); 146 146 ?> 147 147 </div> … … 151 151 </div> 152 152 <?php 153 echo$this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');154 echo$this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');153 $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right'); 154 $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows'); 155 155 ?> 156 156 </div> … … 162 162 </div> 163 163 <?php 164 echo$this->oxilab_flip_box_admin_animation_select($this->style[55]);165 echo$this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');164 $this->oxilab_flip_box_admin_animation_select($this->style[55]); 165 $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second'); 166 166 ?> 167 167 </div> … … 171 171 </div> 172 172 <?php 173 echo$this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');174 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');175 echo$this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');173 $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', ''); 174 $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical'); 175 $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread'); 176 176 ?> 177 177 </div> … … 185 185 </div> 186 186 <?php 187 echo$this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color ', '.oxilab-flip-box-' . $this->oxiid . '');188 echo$this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');187 $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color ', '.oxilab-flip-box-' . $this->oxiid . ''); 188 $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right'); 189 189 ?> 190 190 </div> … … 194 194 </div> 195 195 <?php 196 echo$this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');197 echo$this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');198 echo$this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[29], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');199 echo$this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');200 echo$this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');201 echo$this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');196 $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size'); 197 $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']'); 198 $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[29], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data'); 199 $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.'); 200 $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius'); 201 $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right'); 202 202 ?> 203 203 </div> … … 209 209 </div> 210 210 <?php 211 echo$this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');212 echo$this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');213 echo$this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');214 echo$this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');215 echo$this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');216 echo$this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');217 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');218 echo$this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right');211 $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size'); 212 $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading'); 213 $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List'); 214 $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style'); 215 $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight'); 216 $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align'); 217 $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom'); 218 $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading Padding Left and Right'); 219 219 ?> 220 220 </div> … … 228 228 </div> 229 229 <?php 230 echo$this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');231 echo$this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');230 $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . ''); 231 $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right'); 232 232 ?> 233 233 </div> … … 237 237 </div> 238 238 <?php 239 echo$this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');240 echo$this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');241 echo$this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');242 echo$this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');243 echo$this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');244 echo$this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');245 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');246 echo$this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');239 $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size'); 240 $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading'); 241 $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List'); 242 $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style'); 243 $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight'); 244 $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align'); 245 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom'); 246 $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right'); 247 247 ?> 248 248 </div> … … 254 254 </div> 255 255 <?php 256 echo$this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');257 echo$this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');258 echo$this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');259 echo$this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');260 echo$this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');261 echo$this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');262 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');263 echo$this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');256 $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size'); 257 $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info'); 258 $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List'); 259 $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style'); 260 $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight'); 261 $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align'); 262 $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom'); 263 $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right'); 264 264 ?> 265 265 </div> … … 269 269 </div> 270 270 <?php 271 echo$this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');272 echo$this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');273 echo$this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');274 echo$this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');275 echo$this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');276 echo$this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');277 echo$this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');278 echo$this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');279 echo$this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');280 echo$this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');281 echo$this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');282 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');283 echo$this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');271 $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size'); 272 $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 273 $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data'); 274 $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 275 $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover'); 276 $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List'); 277 $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style'); 278 $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight'); 279 $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right'); 280 $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius'); 281 $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align'); 282 $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom'); 283 $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right'); 284 284 ?> 285 285 </div> … … 290 290 <div class="form-group"> 291 291 <label for="custom-css" class="custom-css">Custom CSS:</label> 292 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>292 <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea> 293 293 <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small> 294 294 </div> … … 298 298 <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1"> 299 299 <?php 300 echo$this->oxilab_flip_box_admin_support();300 $this->oxilab_flip_box_admin_support(); 301 301 ?> 302 302 </div> … … 314 314 <div class="modal-body row"> 315 315 <?php 316 echo$this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');317 echo$this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');318 319 echo$this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');316 $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook'); 317 $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.'); 318 319 $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.'); 320 320 ?> 321 321 </div> … … 328 328 <div class="modal-body row"> 329 329 <?Php 330 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');331 echo$this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');332 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');333 echo$this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');334 echo$this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');330 $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.'); 331 $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.'); 332 $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.'); 333 $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank'); 334 $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.'); 335 335 ?> 336 336 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Admin_helper.php
r2629126 r2648808 49 49 </style> 50 50 <?php 51 52 51 } 53 52 … … 78 77 79 78 $bgimage = OXI_FLIP_BOX_URL . 'image/sa-logo.png'; 80 $sub = ''; 81 82 $menu = '<div class="oxi-addons-wrapper"> 83 <div class="oxilab-new-admin-menu"> 84 <div class="oxi-site-logo"> 85 <a href="' . $this->admin_url_convert('oxi-flip-box-ultimate') . '" class="header-logo" style=" background-image: url(' . $bgimage . ');"> 86 </a> 87 </div> 88 <nav class="oxilab-sa-admin-nav"> 89 <ul class="oxilab-sa-admin-menu">'; 90 91 $GETPage = sanitize_text_field($_GET['page']); 92 93 foreach ($response as $key => $value) { 94 $active = ($GETPage == $value['homepage'] ? ' class="active" ' : ''); 95 $menu .= '<li ' . $active . '><a href="' . $this->admin_url_convert($value['homepage']) . '">' . $this->name_converter($value['name']) . '</a></li>'; 96 } 97 98 $menu .= ' </ul> 99 <ul class="oxilab-sa-admin-menu2"> 100 ' . (apply_filters('oxi-flip-box-plugin/pro_version', false) == FALSE ? ' <li class="fazil-class" ><a target="_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>' : '') . ' 101 <li class="saadmin-doc"><a target="_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li> 102 <li class="saadmin-doc"><a target="_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li> 103 <li class="saadmin-set"><a href="' . admin_url('admin.php?page=oxi-flip-box-ultimate-settings') . '"><span class="dashicons dashicons-admin-generic"></span></a></li> 104 </ul> 105 </nav> 106 </div> 79 ?> 80 81 82 <div class="oxi-addons-wrapper"> 83 <div class="oxilab-new-admin-menu"> 84 <div class="oxi-site-logo"> 85 <a href="<?php echo esc_url($this->admin_url_convert('oxi-flip-box-ultimate')) ?>" class="header-logo" style=" background-image: url(<?php echo esc_url($bgimage); ?>);"> 86 </a> 107 87 </div> 108 ' . $sub; 109 echo __($menu, OXI_FLIP_BOX_TEXTDOMAIN); 88 <nav class="oxilab-sa-admin-nav"> 89 <ul class="oxilab-sa-admin-menu"> 90 91 <?php 92 $GETPage = sanitize_text_field($_GET['page']); 93 94 foreach ($response as $key => $value) { 95 $active = ($GETPage == $value['homepage'] ? ' class="active" ' : ''); 96 echo '<li ' . esc_attr($active) . '><a href="' . esc_url($this->admin_url_convert($value['homepage'])) . '">' . esc_html($this->name_converter($value['name'])) . '</a></li>'; 97 } 98 ?> 99 100 </ul> 101 <ul class="oxilab-sa-admin-menu2"> 102 103 <?php 104 if (apply_filters('oxi-flip-box-plugin/pro_version', false) == FALSE): 105 echo ' <li class="fazil-class" ><a target="_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>'; 106 endif; 107 ?> 108 <li class="saadmin-doc"><a target="_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li> 109 <li class="saadmin-doc"><a target="_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li> 110 <li class="saadmin-set"><a href="<?php echo esc_url(admin_url('admin.php?page=oxi-flip-box-ultimate-settings')); ?>"><span class="dashicons dashicons-admin-generic"></span></a></li> 111 </ul> 112 </nav> 113 </div> 114 </div> 115 <?php 110 116 } 111 117 -
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Public_Helper.php
r2629126 r2648808 19 19 $data = explode(':', $data); 20 20 $data = $data[0]; 21 $data = '"' . $data. '"';21 $data = '"' . esc_attr($data) . '"'; 22 22 23 23 return $data; … … 44 44 wp_enqueue_style('font-awesome-' . $faversion[0], $faversion[1]); 45 45 } 46 $files = '<i class="' . $data. ' oxi-icons"></i>';46 $files = '<i class="' . esc_attr($data) . ' oxi-icons"></i>'; 47 47 return $files; 48 48 } -
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Sanitization.php
r2629126 r2648808 96 96 ?> 97 97 <div class="form-group col-sm-12"> 98 <label for="<?php echo $id; ?>"><?php echo $name; ?></label>99 <input type="text "class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $this->admin_special_charecter($value); ?>">100 <small class="form-text text-muted"><?php echo $title; ?></small>98 <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label> 99 <input type="text "class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo $this->admin_special_charecter(esc_html($value)); ?>"> 100 <small class="form-text text-muted"><?php echo esc_html($title); ?></small> 101 101 </div> 102 102 <?php … … 106 106 ?> 107 107 <div class="form-group col-sm-12"> 108 <label for="<?php echo $id; ?>"><?php echo $name; ?></label>109 <input type="text "class="form-control flip_box_admin_input_icon" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">110 <small class="form-text text-muted"><?php echo $title; ?></small>108 <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label> 109 <input type="text "class="form-control flip_box_admin_input_icon" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo esc_attr($value); ?>"> 110 <small class="form-text text-muted"><?php echo esc_html($title); ?></small> 111 111 </div> 112 112 <?php … … 116 116 ?> 117 117 <div class="form-group col-sm-12"> 118 <label for="<?php echo $id; ?>"><?php echo $name; ?></label>119 <textarea class="form-control" rows="4" id="<?php echo $id; ?>" name="<?php echo $id; ?>"><?php echo $this->admin_special_charecter($value); ?></textarea>120 <small class="form-text text-muted"><?php echo $title; ?></small>118 <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label> 119 <textarea class="form-control" rows="4" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"><?php echo $this->admin_special_charecter(esc_html($value)); ?></textarea> 120 <small class="form-text text-muted"><?php echo esc_html($title); ?></small> 121 121 </div> 122 122 <?php … … 126 126 ?> 127 127 <div class="form-group row form-group-sm"> 128 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>129 <div class="col-sm-6"> 130 <input class="form-control" type="number" step="<?php echo $step; ?>" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">128 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 129 <div class="col-sm-6"> 130 <input class="form-control" type="number" step="<?php echo esc_attr($step); ?>" value="<?php echo esc_attr($value); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 131 131 </div> 132 132 </div> … … 137 137 ?> 138 138 <div class="form-group row form-group-sm"> 139 <label for="<?php echo $frist_id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>139 <label for="<?php echo esc_attr($frist_id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 140 140 <div class="col-sm-3"> 141 <input class="form-control" type="number" min="0" value="<?php echo $first_value; ?>" id="<?php echo $frist_id; ?>" name="<?php echo $frist_id; ?>">141 <input class="form-control" type="number" min="0" value="<?php echo esc_attr($first_value); ?>" id="<?php echo esc_attr($frist_id); ?>" name="<?php echo esc_attr($frist_id); ?>"> 142 142 </div> 143 143 <div class="col-sm-3"> 144 <input class="form-control" type="number" min="0" value="<?php echo $second_value; ?>" id="<?php echo $second_id; ?>" name="<?php echo $second_id; ?>">144 <input class="form-control" type="number" min="0" value="<?php echo esc_attr($second_value); ?>" id="<?php echo esc_attr($second_id); ?>" name="<?php echo esc_attr($second_id); ?>"> 145 145 </div> 146 146 </div> … … 156 156 ?> 157 157 <div class="form-group row form-group-sm"> 158 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>159 <div class="col-sm-6"> 160 <input type="text" <?php echo $colortype; ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo $exporttype; ?>" oxiexportid="<?php echo $exportid; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">158 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_attr($title); ?>" ><?php echo esc_attr($name); ?> </label> 159 <div class="col-sm-6"> 160 <input type="text" <?php echo esc_attr($colortype); ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo esc_attr($exporttype); ?>" oxiexportid="<?php echo esc_attr($exportid); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo esc_attr($value); ?>"> 161 161 </div> 162 162 </div> … … 168 168 ?> 169 169 <div class="form-group row form-group-sm"> 170 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>171 <div class="col-sm-6"> 172 <input class="form-control oxilab-admin-font" type="text" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">170 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 171 <div class="col-sm-6"> 172 <input class="form-control oxilab-admin-font" type="text" value="<?php echo esc_attr($value); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 173 173 </div> 174 174 </div> … … 179 179 ?> 180 180 <div class="form-group row"> 181 <label class="col-sm-6 control-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>"><?php echo $name; ?></label>181 <label class="col-sm-6 control-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>"><?php echo esc_html($name); ?></label> 182 182 <div class="col-sm-6"> 183 183 <div class="btn-group" data-toggle="buttons"> … … 190 190 echo 'checked'; 191 191 } 192 ?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-yes" autocomplete="off" value="<?php echo $fristvalue; ?>"><?php echo $fristname; ?></label>192 ?> name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>-yes" autocomplete="off" value="<?php echo esc_attr($fristvalue); ?>"><?php echo esc_html($fristname); ?></label> 193 193 <label class="btn btn-primary <?php 194 194 if ($Secondvalue == $value) { … … 199 199 echo 'checked'; 200 200 } 201 ?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-no" autocomplete="off" value="<?php echo $Secondvalue; ?>"><?php echo $Secondname; ?> </label>201 ?> name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>-no" autocomplete="off" value="<?php echo esc_attr($Secondvalue); ?>"><?php echo esc_html($Secondname); ?> </label> 202 202 </div> 203 203 </div> … … 209 209 ?> 210 210 <div class="form-group row form-group-sm"> 211 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>212 <div class="col-sm-6"> 213 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">211 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 212 <div class="col-sm-6"> 213 <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 214 214 <option value="100" <?php 215 215 if ($value == '100') { … … 286 286 ?> 287 287 <div class="form-group row form-group-sm"> 288 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>289 <div class="col-sm-6"> 290 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">288 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 289 <div class="col-sm-6"> 290 <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 291 291 <option <?php 292 292 if ($value == 'normal') { … … 323 323 ?> 324 324 <div class="form-group row form-group-sm"> 325 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>326 <div class="col-sm-6"> 327 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">325 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 326 <div class="col-sm-6"> 327 <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 328 328 <option value="left" <?php 329 329 if ($value == 'left') { … … 350 350 ?> 351 351 <div class="form-group row form-group-sm"> 352 <label for="<?php echo $border_size; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>352 <label for="<?php echo esc_attr($border_size); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 353 353 <div class="col-sm-3"> 354 <input class="form-control" type="number" min="0" value="<?php echo $border_size_value; ?>" id="<?php echo $border_size; ?>" name="<?php echo $border_size; ?>">354 <input class="form-control" type="number" min="0" value="<?php echo esc_attr($border_size_value); ?>" id="<?php echo esc_attr($border_size); ?>" name="<?php echo esc_attr($border_size); ?>"> 355 355 </div> 356 356 357 357 <div class="col-sm-3"> 358 <select class="form-control" id="<?php echo $border_type; ?>" name="<?php echo $border_type; ?>">358 <select class="form-control" id="<?php echo esc_attr($border_type); ?>" name="<?php echo esc_attr($border_type); ?>"> 359 359 <option value="dotted" <?php 360 360 if ($border_type_value == 'dotted') { … … 422 422 ?> 423 423 <div class="form-group row form-group-sm"> 424 <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>425 <div class="col-sm-6"> 426 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">424 <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label> 425 <div class="col-sm-6"> 426 <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"> 427 427 <option value="oxilab-flip-box-col-1" <?php 428 428 if ($value == 'oxilab-flip-box-col-1') { … … 836 836 ?> 837 837 <div class="form-group col-sm-12"> 838 <label for="<?php echo $id; ?>"><?php echo $name; ?></label>838 <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label> 839 839 <div class="form-group row col-sm-12 mb-0"> 840 840 <div class="col-md-8 col-xs-6" style="padding-left: 0px;"> 841 <input type="text "class="form-control" name="<?php echo $id; ?>" id="<?php echo $id; ?>" value="<?php echo $value; ?>">841 <input type="text "class="form-control" name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>" value="<?php echo esc_attr($value); ?>"> 842 842 </div> 843 843 <div class="col-md-4 col-xs-6" style="padding-left: 0px;"> 844 <button type="button" oxi-upload="#<?php echo $id; ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button>844 <button type="button" oxi-upload="#<?php echo esc_attr($id); ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button> 845 845 </div> 846 846 </div> 847 <small class="form-text text-muted"><?php echo $title; ?></small>847 <small class="form-text text-muted"><?php echo esc_html($title); ?></small> 848 848 </div> 849 849 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Modules/Visual_Composer.php
r2497348 r2648808 17 17 public function VC_extension() { 18 18 vc_map(array( 19 "name" => __("Flip Boxes and Image Overlay"),20 "base" => "oxilab_flip_box_VC",21 "category" => __("Content"),19 "name" => esc_html("Flip Boxes and Image Overlay"), 20 "base" => esc_html("oxilab_flip_box_VC"), 21 "category" => esc_html("Content"), 22 22 "params" => array( 23 23 array( 24 24 "type" => "textfield", 25 "holder" => "div",26 "heading" => __("ID"),27 "param_name" => "id",28 "description" => __("Input your Flip ID in input box")25 "holder" => esc_html("div"), 26 "heading" => esc_html("ID"), 27 "param_name" => esc_html("id"), 28 "description" => esc_html("Input your Flip ID in input box") 29 29 ), 30 30 ) -
image-hover-effects-ultimate-visual-composer/trunk/Modules/Widget.php
r2206996 r2648808 7 7 function __construct() { 8 8 parent::__construct( 9 'oxi_flip_box_widget', __('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi_Flio_box_widget_widget'), array('description' => __('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi_flip_box_widget_widget'),)9 'oxi_flip_box_widget', esc_html__('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'), array('description' => esc_html__('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'),) 10 10 ); 11 11 } … … 26 26 $title = $instance['title']; 27 27 } else { 28 $title = __('1', 'oxi_flip_box_widget_widget');28 $title = esc_html__('1', 'image-hover-effects-ultimate-visual-composer'); 29 29 } 30 30 ?> 31 31 <p> 32 <label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Style ID:'); ?></label>33 <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" />32 <label for="<?php echo esc_attr($this->get_field_id('title')); ?>"><?php esc_html__('Style ID:', 'image-hover-effects-ultimate-visual-composer'); ?></label> 33 <input class="widefat" id="<?php echo esc_attr($this->get_field_id('title')); ?>" name="<?php echo esc_attr($this->get_field_name('title')); ?>" type="text" value="<?php echo esc_html($title); ?>" /> 34 34 </p> 35 35 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Page/Addons.php
r2629126 r2648808 94 94 $file_path = $modulespath; 95 95 $plugin = explode('/', $file_path)[0]; 96 $message = '';97 if (isset($installed_plugins[$file_path])) :98 if (array_key_exists($file_path, $active_plugins)) :99 $message = '<a href="#" class="btn btn-light">Installed</a>';100 else :101 $activation_url = wp_nonce_url(admin_url('plugins.php?action=activate&plugin=' . $file_path), 'activate-plugin_' . $file_path);102 $message = sprintf('<a href="%s" class="btn btn-info">%s</a>', $activation_url, __('Activate', OXI_FLIP_BOX_TEXTDOMAIN));103 endif;104 else :105 if (current_user_can('install_plugins')) :106 $install_url = wp_nonce_url(add_query_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin_url('update.php')), 'install-plugin' . '_' . $plugin);107 $message = sprintf('<a href="%s" class="btn btn-success">%s</a>', $install_url, __('Install', OXI_FLIP_BOX_TEXTDOMAIN));108 endif;109 endif;110 96 ?> 111 97 <div class="col-lg-4 col-md-6 col-sm-12"> 112 98 <div class="oxi-addons-modules-elements"> 113 <img class="oxi-addons-modules-banner" src="<?php echo $value['modules-img']; ?>">99 <img class="oxi-addons-modules-banner" src="<?php echo esc_url($value['modules-img']); ?>"> 114 100 <div class="oxi-addons-modules-action-wrapper"> 115 <span class="oxi-addons-modules-name"><?php echo $value['modules-name']; ?></span>116 <span class="oxi-addons-modules-desc"><?php echo $value['modules-desc']; ?></span>101 <span class="oxi-addons-modules-name"><?php echo esc_html($value['modules-name']); ?></span> 102 <span class="oxi-addons-modules-desc"><?php echo esc_html($value['modules-desc']); ?></span> 117 103 </div> 118 104 <div class="oxi-addons-modules-action-status"> 119 <span class="oxi-addons-modules-preview"><a href="<?php echo $value['plugin-url']; ?>" class="btn btn-dark">Preview</a></span> 120 <span class="oxi-addons-modules-installing"><?php echo $message; ?></span> 105 <span class="oxi-addons-modules-preview"><a href="<?php echo esc_url($value['plugin-url']); ?>" class="btn btn-dark">Preview</a></span> 121 106 </div> 122 107 </div> -
image-hover-effects-ultimate-visual-composer/trunk/Page/Admin_Render.php
r2646976 r2648808 144 144 } else { 145 145 $id = (int) $_POST['item-id']; 146 $child = $this->register_child();146 $child = sanitize_post($this->register_child()); 147 147 if ($id == '') { 148 148 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} ( files, styleid) VALUES ( %s, %d)", array($child, $this->oxiid))); … … 164 164 $this->child_editable = explode('{#}|{#}', $child['files']); 165 165 $this->itemid = $child['id']; 166 echo '<script type="text/javascript"> jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show") }, 500); });</script>'; 166 $data = 'jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show") }, 500); });'; 167 wp_add_inline_script('oxi-flip-box-addons-vendor', $data); 167 168 } 168 169 } … … 270 271 <div class="oxi-addons-setting-save"> 271 272 <?php wp_nonce_field("oxiflipstylecss") ?> 272 <input type="hidden" id="style-id" name="style-id" value="<?php echo $this->oxiid; ?>">273 <input type="hidden" id="style-id" name="style-id" value="<?php echo esc_attr($this->oxiid); ?>"> 273 274 <button type="button" class="btn btn-danger" id="oxi-addons-setting-reload">Reload</button> 274 275 <input type="submit" class="btn btn-primary" name="oxi-addons-flip-templates-submit" value="Submit"> … … 298 299 <form method="post"> 299 300 <div class="input-group my-2"> 300 <input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo $this->dbdata['name']; ?>">301 <input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo esc_attr($this->dbdata['name']); ?>"> 301 302 <div class="input-group-append"> 302 303 <input type="submit" class="btn btn-success" name="addonsstylenamechange" value="Save"> … … 315 316 <p>Copy & 316 317 paste the shortcode directly into any WordPress post, page or Page Builder.</p> 317 <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id="<?php echo $this->oxiid; ?>"]">318 <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id="<?php echo esc_attr($this->oxiid); ?>"]"> 318 319 <span></span> 319 320 <em>Shortcode for templates/themes</em> 320 321 <p>Copy & 321 322 paste this code into a template file to include the slideshow within your theme.</p> 322 <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do_shortcode(\'[oxilab_flip_box id="' . $this->oxiid. '"]\'); ?>'; ?>">323 <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do_shortcode(\'[oxilab_flip_box id="' . esc_attr($this->oxiid) . '"]\'); ?>'; ?>"> 323 324 <span></span> 324 325 </div> … … 354 355 $val = explode('{#}|{#}', $value['files']); 355 356 if ($r['tag'] == 'title'): 356 echo '<li class="list-group-item" id="' . $value['id'] . '">' . $val[$r['id']]. '</li>';357 echo '<li class="list-group-item" id="' . esc_attr($value['id']) . '">' . esc_html($val[$r['id']]) . '</li>'; 357 358 endif; 358 359 } … … 375 376 <form method="post" id="oxi-flip-template-modal-form"> 376 377 <div class="modal-content"> 377 <?php echo$this->modal_form_data(); ?>378 <?php $this->modal_form_data(); ?> 378 379 <div class="modal-footer"> 379 <input type="hidden" id="item-id" name="item-id" value="<?php echo $this->itemid?>">380 <input type="hidden" id="item-id" name="item-id" value="<?php echo esc_attr($this->itemid) ?>"> 380 381 <input type="hidden" id="shortcodeitemid" name="shortcodeitemid" value=""> 381 382 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -
image-hover-effects-ultimate-visual-composer/trunk/Page/Create.php
r2497348 r2648808 75 75 */ 76 76 public function admin_ajax_load() { 77 wp_enqueue_script('oxi-flip-create', OXI_FLIP_BOX_URL . '/asset/backend/js/create.js', false, OXI_FLIP_BOX_ TEXTDOMAIN);77 wp_enqueue_script('oxi-flip-create', OXI_FLIP_BOX_URL . '/asset/backend/js/create.js', false, OXI_FLIP_BOX_PLUGIN_VERSION); 78 78 wp_localize_script('oxi-flip-create', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor'))); 79 79 } … … 126 126 $C = 'OXI_FLIP_BOX_PLUGINS\Public_Render\\' . $key; 127 127 ?> 128 <div class="oxi-addons-col-1" id="<?php echo $key; ?>">128 <div class="oxi-addons-col-1" id="<?php echo esc_attr($key); ?>"> 129 129 <div class="oxi-addons-style-preview"> 130 130 <div class="oxi-addons-style-preview-top oxi-addons-center"> … … 135 135 echo '<div class="oxilab-flip-box-col-3">'; 136 136 new $C($REND['style'], $REND['child']); 137 echo '<textarea style="display:none" id="oxistyle' . $number . 'data-' . $k . '">' . htmlentities(json_encode($REND)) . '</textarea>';137 echo '<textarea style="display:none" id="oxistyle' . esc_attr($number) . 'data-' . esc_attr($k) . '">' . sanitize_textarea_field(htmlentities(json_encode($REND))) . '</textarea>'; 138 138 echo '</div>'; 139 139 } … … 143 143 <div class="oxi-addons-style-preview-bottom"> 144 144 <div class="oxi-addons-style-preview-bottom-left"> 145 Style <?php echo $id; ?>145 Style <?php echo esc_html($id); ?> 146 146 </div> 147 147 <div class="oxi-addons-style-preview-bottom-right"> 148 148 <form method="post" style=" display: inline-block; " class="shortcode-addons-template-deactive"> 149 <input type="hidden" name="oxideletestyle" value="<?php echo $id; ?>">149 <input type="hidden" name="oxideletestyle" value="<?php echo esc_attr($id); ?>"> 150 150 <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Delete" type="submit" value="Deactive" name="addonsstyledelete">Deactive</button> 151 151 </form> 152 <button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo $number; ?>data">Create Style</button>152 <button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo esc_attr($number); ?>data">Create Style</button> 153 153 </div> 154 154 </div> … … 164 164 165 165 public function create_new() { 166 echo _('<div class="oxi-addons-row"> 167 <div class="oxi-addons-col-1 oxi-import"> 168 <div class="oxi-addons-style-preview"> 169 <div class="oxilab-admin-style-preview-top"> 170 <a href="' . admin_url("admin.php?page=oxi-flip-box-ultimate-import") . '"> 171 <div class="oxilab-admin-add-new-item"> 172 <span> 173 <i class="fas fa-plus-circle oxi-icons"></i> 174 Import Templates 175 </span> 176 </div> 177 </a> 178 </div> 179 </div> 180 </div> 181 </div>'); 182 183 echo __('<div class="modal fade" id="oxi-addons-style-create-modal" > 184 <form method="post" id="oxi-addons-style-modal-form"> 185 <div class="modal-dialog modal-sm"> 186 <div class="modal-content"> 187 <div class="modal-header"> 188 <h4 class="modal-title">New Flipbox</h4> 189 <button type="button" class="close" data-dismiss="modal">×</button> 166 ?> 167 <div class="oxi-addons-row"> 168 <div class="oxi-addons-col-1 oxi-import"> 169 <div class="oxi-addons-style-preview"> 170 <div class="oxilab-admin-style-preview-top"> 171 <a href="<?php echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-import")); ?>"> 172 <div class="oxilab-admin-add-new-item"> 173 <span> 174 <i class="fas fa-plus-circle oxi-icons"></i> 175 Import Templates 176 </span> 177 </div> 178 </a> 179 </div> 180 </div> 181 </div> 182 </div> 183 184 <div class="modal fade" id="oxi-addons-style-create-modal" > 185 <form method="post" id="oxi-addons-style-modal-form"> 186 <div class="modal-dialog modal-sm"> 187 <div class="modal-content"> 188 <div class="modal-header"> 189 <h4 class="modal-title">New Flipbox</h4> 190 <button type="button" class="close" data-dismiss="modal">×</button> 191 </div> 192 <div class="modal-body"> 193 <div class=" form-group row"> 194 <label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label> 195 <div class="col-sm-6 addons-dtm-laptop-lock"> 196 <input class="form-control" type="text" value="" id="addons-style-name" name="addons-style-name"> 197 </div> 198 </div> 199 <div class="form-group row"> 200 <label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label> 201 <div class="col-sm-7"> 202 <div class="btn-group" data-toggle="buttons"> 203 <label class="btn btn-secondary active"> 204 <input type="radio" name="flip-box-layouts"value="1" checked="">1st 205 </label> 206 <label class="btn btn-secondary"> 207 <input type="radio" name="flip-box-layouts" value="2">2nd 208 </label> 209 <label class="btn btn-secondary"> 210 <input type="radio" name="flip-box-layouts" value="3">3rd 211 </label> 212 190 213 </div> 191 <div class="modal-body"> 192 <div class=" form-group row"> 193 <label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label> 194 <div class="col-sm-6 addons-dtm-laptop-lock"> 195 <input class="form-control" type="text" value="" id="addons-style-name" name="addons-style-name"> 196 </div> 197 </div> 198 <div class="form-group row"> 199 <label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label> 200 <div class="col-sm-7"> 201 <div class="btn-group" data-toggle="buttons"> 202 <label class="btn btn-secondary active"> 203 <input type="radio" name="flip-box-layouts"value="1" checked="">1st 204 </label> 205 <label class="btn btn-secondary"> 206 <input type="radio" name="flip-box-layouts" value="2">2nd 207 </label> 208 <label class="btn btn-secondary"> 209 <input type="radio" name="flip-box-layouts" value="3">3rd 210 </label> 211 212 </div> 213 </div> 214 </div> 215 </div> 216 <div class="modal-footer"> 217 <input type="hidden" id="oxistyledata" name="oxistyledata" value=""> 218 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> 219 <input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save"> 220 </div> 221 </div> 222 </div> 223 </form> 224 </div>'); 214 </div> 215 </div> 216 </div> 217 <div class="modal-footer"> 218 <input type="hidden" id="oxistyledata" name="oxistyledata" value=""> 219 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> 220 <input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save"> 221 </div> 222 </div> 223 </div> 224 </form> 225 </div> 226 <?php 225 227 } 226 228 -
image-hover-effects-ultimate-visual-composer/trunk/Page/Home.php
r2646976 r2648808 61 61 62 62 public function CSSJS_load() { 63 $this->manual_import_style();64 63 $this->admin_css_loader(); 65 64 $this->admin_home(); … … 73 72 */ 74 73 public function admin_ajax_load() { 75 wp_enqueue_script('oxi-flip-box-home', OXI_FLIP_BOX_URL . '/asset/backend/js/home.js', false, OXI_FLIP_BOX_ TEXTDOMAIN);74 wp_enqueue_script('oxi-flip-box-home', OXI_FLIP_BOX_URL . '/asset/backend/js/home.js', false, OXI_FLIP_BOX_PLUGIN_VERSION); 76 75 wp_localize_script('oxi-flip-box-home', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor'))); 77 76 } … … 85 84 $path = str_replace(['//', '\\\\'], ['/', '\\'], $path); 86 85 return str_replace(['/', '\\'], DIRECTORY_SEPARATOR, $path); 87 }88 89 public function manual_import_style() {90 if (!empty($_REQUEST['_wpnonce'])) {91 $nonce = $_REQUEST['_wpnonce'];92 }93 94 if (!empty($_POST['importdatasubmit']) && $_POST['importdatasubmit'] == 'Save') {95 if (!wp_verify_nonce($nonce, 'oxilab-flipbox-import')) {96 die('You do not have sufficient permissions to access this page.');97 } else {98 99 if (isset($_FILES['importoxilabflipboxfile']) && current_user_can('upload_files')) {100 $filename = $_FILES["importoxilabflipboxfile"]["name"];101 $folder = $this->safe_path(OXI_FLIP_BOX_PATH . 'asset/export/');102 if (!file_exists($folder)) {103 wp_mkdir_p($folder);104 }105 if (is_file($folder . $filename)) {106 unlink($folder . $filename); // delete file107 }108 move_uploaded_file($_FILES['importoxilabflipboxfile']['tmp_name'], $folder . $filename);109 $FlipboxApi = new \OXI_FLIP_BOX_PLUGINS\Classes\Admin_Ajax;110 $FlipboxApi->post_json_import($folder, $filename);111 112 if (is_file($folder . $filename)) {113 unlink($folder . $filename); // delete file114 }115 }116 }117 }118 86 } 119 87 … … 157 125 158 126 public function created_shortcode() { 159 $return = _(' <div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px"> 160 <table class="table table-hover widefat oxi_addons_table_data" style="background-color: #fff; border: 1px solid #ccc"> 161 <thead> 162 <tr> 163 <th style="width: 5%">ID</th> 164 <th style="width: 15%">Name</th> 165 <th style="width: 10%">Templates</th> 166 <th style="width: 30%">Shortcode</th> 167 <th style="width: 40%">Edit Delete</th> 168 </tr> 169 </thead> 170 <tbody>'); 171 foreach ($this->database_data() as $value) { 172 $id = $value['id']; 173 $return .= _('<tr>'); 174 $return .= _('<td>' . $id . '</td>'); 175 $return .= _('<td>' . $this->name_converter($value['name']) . '</td>'); 176 $return .= _('<td>' . $this->name_converter($value['style_name']) . '</td>'); 177 $return .= _('<td><span>Shortcode <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id="' . $id . '"]"></span> <br>' 178 . '<span>Php Code <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo do_shortcode('[oxilab_flip_box id="' . $id . '"]'); ?>"></span></td>'); 179 $return .= _('<td> 180 <a href="' . admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$id") . '" title="Edit" class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a> 181 <form method="post" class="oxi-addons-style-delete"> 182 <input type="hidden" name="oxideleteid" id="oxideleteid" value="' . $id . '"> 183 <button class="btn btn-danger" style="float:left" title="Delete" type="submit" value="delete" name="addonsdatadelete">Delete</button> 184 </form> 185 <a href="' . $this->create_export_link('demo', $id, '') . '" title="Export" class="btn btn-info" style="float:left; margin-left: 5px;">Export</a> 186 </td>'); 187 $return .= _(' </tr>'); 188 } 189 $return .= _(' </tbody> 127 ?> 128 <div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px"> 129 <table class="table table-hover widefat oxi_addons_table_data" style="background-color: #fff; border: 1px solid #ccc"> 130 <thead> 131 <tr> 132 <th style="width: 5%">ID</th> 133 <th style="width: 15%">Name</th> 134 <th style="width: 10%">Templates</th> 135 <th style="width: 30%">Shortcode</th> 136 <th style="width: 40%">Edit Delete</th> 137 </tr> 138 </thead> 139 <tbody> 140 141 <?php 142 foreach ($this->database_data() as $value) { 143 $id = $value['id']; 144 ?> 145 <tr> 146 147 <td><?php echo esc_html($id); ?></td> 148 <td><?php echo esc_html($this->name_converter($value['name'])); ?></td> 149 <td><?php echo esc_html($this->name_converter($value['style_name'])); ?></td> 150 151 <td> 152 <span>Shortcode <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id="<?php echo esc_attr($id); ?>"]"></span> <br> 153 <span>Php Code <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo do_shortcode('[oxilab_flip_box id="<?php echo esc_attr($id); ?>"]'); ?>"></span> 154 </td> 155 <td> 156 <a href="<?php echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=" . esc_attr($id) . "")); ?>" title="Edit" class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a> 157 <form method="post" class="oxi-addons-style-delete"> 158 <input type="hidden" name="oxideleteid" id="oxideleteid" value="<?php echo esc_html($id); ?>"> 159 <button class="btn btn-danger" style="float:left" title="Delete" type="submit" value="delete" name="addonsdatadelete">Delete</button> 160 </form> 161 </td> 162 </tr> 163 <?php 164 } 165 ?> 166 </tbody> 190 167 </table> 191 168 </div> 192 169 <br> 193 <br></div>'); 194 echo $return; 170 <br> 171 </div> 172 <?php 195 173 } 196 174 197 175 public function create_new() { 198 176 199 echo _('<div class="oxi-addons-row">200 <div class="oxi-addons-col-1 oxi-import">201 <div class="oxi-addons-style-preview">202 <div class="oxilab-admin-style-preview-top">203 <a href="#" id="oxi-import-style">204 <div class="oxilab-admin-add-new-item">205 <span>206 <i class="fas fa-plus-circle oxi-icons"></i>207 Import Flipbox JSON208 </span>209 </div>210 </a>211 </div>212 </div>213 </div>214 </div>');215 216 echo _(' <div class="modal fade" id="oxi-addons-style-import-modal" >217 <form method="post" id="oxi-addons-import-modal-form" enctype = "multipart/form-data">218 <div class="modal-dialog modal-sm modal-dialog-centered">219 <div class="modal-content">220 <div class="modal-header">221 <h4 class="modal-title">Import Form</h4>222 <button type="button" class="close" data-dismiss="modal">×</button>223 </div>224 <div class="modal-body">225 <input class="form-control" type="file" name="importoxilabflipboxfile" accept=".json,application/json,.zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed">226 </div>227 <div class="modal-footer">228 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>229 <input type="submit" class="btn btn-success" name="importdatasubmit" id="importdatasubmit" value="Save">230 </div>231 </div>232 </div>233 ' . wp_nonce_field("oxilab-flipbox-import") . '234 </form>235 </div>');236 177 } 237 178 -
image-hover-effects-ultimate-visual-composer/trunk/Page/Import.php
r2278127 r2648808 40 40 */ 41 41 public function admin_ajax_load() { 42 wp_enqueue_script('oxi-flip-import', OXI_FLIP_BOX_URL . '/asset/backend/js/import.js', false, OXI_FLIP_BOX_ TEXTDOMAIN);42 wp_enqueue_script('oxi-flip-import', OXI_FLIP_BOX_URL . '/asset/backend/js/import.js', false, OXI_FLIP_BOX_PLUGIN_VERSION); 43 43 wp_localize_script('oxi-flip-import', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor'))); 44 44 } … … 87 87 $C = 'OXI_FLIP_BOX_PLUGINS\Public_Render\\' . $k; 88 88 ?> 89 <div class="oxi-addons-col-1" id="<?php echo $k; ?>">89 <div class="oxi-addons-col-1" id="<?php echo esc_attr($k); ?>"> 90 90 <div class="oxi-addons-style-preview"> 91 91 <div class="oxi-addons-style-preview-top oxi-addons-center"> … … 104 104 <div class="oxi-addons-style-preview-bottom"> 105 105 <div class="oxi-addons-style-preview-bottom-left"> 106 Style <?php echo $id; ?>106 Style <?php echo esc_html($id); ?> 107 107 </div> 108 108 <div class="oxi-addons-style-preview-bottom-right"> … … 112 112 ?> 113 113 <form method="post" style=" display: inline-block; " class="shortcode-addons-template-pro-only"> 114 <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only" type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button> 114 <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only" type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button> 115 115 </form> 116 116 <?php … … 118 118 ?> 119 119 <form method="post" style=" display: inline-block; " class="shortcode-addons-template-import"> 120 <input type="hidden" name="oxiimportstyle" value="<?php echo $id; ?>">121 <button class="btn btn-success oxi-addons-addons-template-create" title="import" type="submit" value="Import" name="addonsstyleimport">Import</button> 120 <input type="hidden" name="oxiimportstyle" value="<?php echo esc_attr($id); ?>"> 121 <button class="btn btn-success oxi-addons-addons-template-create" title="import" type="submit" value="Import" name="addonsstyleimport">Import</button> 122 122 </form> 123 123 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Page/Public_Render.php
r2629126 r2648808 95 95 public function loader() { 96 96 $this->oxiid = $this->dbdata['id']; 97 $this->render(); 97 98 $this->hooks(); 98 $this->render();99 99 } 100 100 … … 122 122 123 123 if ($this->inline_js != ''): 124 if ($this->admin == 'admin'): 125 //only load while ajax called 126 echo _('<script> 127 (function ($) { 128 setTimeout(function () {'); 129 echo $this->inline_js; 130 echo _(' }, 2000); 131 })(jQuery)</script>'); 132 else: 133 $jquery = '(function ($) {' . $this->inline_js . '})(jQuery);'; 134 wp_add_inline_script($this->JSHANDLE, $jquery); 135 endif; 136 124 $jquery = '(function ($) {' . $this->inline_js . '})(jQuery);'; 125 wp_add_inline_script($this->JSHANDLE, $jquery); 137 126 endif; 138 127 if ($this->inline_css != ''): 139 if ($this->admin == 'admin'): 140 //only load while ajax called 141 echo _('<style>'); 142 echo $inlinecss; 143 echo _('</style>'); 144 else: 145 wp_add_inline_style('flip-box-addons-style', $inlinecss); 146 endif; 128 wp_add_inline_style('flip-box-addons-style', $inlinecss); 147 129 endif; 148 130 } … … 171 153 $preloadercls = ''; 172 154 endif; 173 echo '<div class="oxi-addons-container ' . $this->WRAPPER . ' ' . $preloadercls. '">';155 echo '<div class="oxi-addons-container ' . esc_attr($this->WRAPPER) . ' ' . esc_attr($preloadercls) . '">'; 174 156 $this->default_render($this->style, $this->child, $this->admin); 175 157 echo '</div>'; … … 182 164 <div class="oxilab-style-absulate-edit"> 183 165 <form method="post"> 184 <input type="hidden" name="item-id" value="' . $id. '">166 <input type="hidden" name="item-id" value="' . esc_attr($id) . '"> 185 167 <button class="btn btn-primary" type="submit" value="edit" name="edit" title="Edit">Edit</button> 186 168 ' . wp_nonce_field("oxiflipeditdata") . ' … … 189 171 <div class="oxilab-style-absulate-delete"> 190 172 <form method="post" class="oxilab-style-absulate-delete-confirmation"> 191 <input type="hidden" name="item-id" value="' . $id. '">173 <input type="hidden" name="item-id" value="' . esc_attr($id) . '"> 192 174 <button class="btn btn-danger" type="submit" value="delete" name="delete" title="Delete">Delete</button> 193 175 ' . wp_nonce_field("oxiflipdeletedata") . ' … … 200 182 201 183 public function text_render($data) { 202 return do_shortcode(str_replace('spTac', ' ', str_replace('spBac', '<br>', html_entity_decode($data))), $ignore_html = false); 184 185 $allowed_tags = array( 186 'a' => array( 187 'class' => array(), 188 'href' => array(), 189 'rel' => array(), 190 'title' => array(), 191 ), 192 'abbr' => array( 193 'title' => array(), 194 ), 195 'b' => array(), 196 'blockquote' => array( 197 'cite' => array(), 198 ), 199 'cite' => array( 200 'title' => array(), 201 ), 202 'code' => array(), 203 'del' => array( 204 'datetime' => array(), 205 'title' => array(), 206 ), 207 'dd' => array(), 208 'div' => array( 209 'class' => array(), 210 'title' => array(), 211 'style' => array(), 212 'id' => array(), 213 ), 214 'table' => array( 215 'class' => array(), 216 'id' => array(), 217 'style' => array(), 218 ), 219 'button' => array( 220 'class' => array(), 221 'type' => array(), 222 'value' => array(), 223 ), 224 'thead' => array(), 225 'tbody' => array(), 226 'tr' => array(), 227 'td' => array(), 228 'dt' => array(), 229 'em' => array(), 230 'h1' => array(), 231 'h2' => array(), 232 'h3' => array(), 233 'h4' => array(), 234 'h5' => array(), 235 'h6' => array(), 236 'i' => array( 237 'class' => array(), 238 ), 239 'img' => array( 240 'alt' => array(), 241 'class' => array(), 242 'height' => array(), 243 'src' => array(), 244 'width' => array(), 245 ), 246 'li' => array( 247 'class' => array(), 248 ), 249 'ol' => array( 250 'class' => array(), 251 ), 252 'p' => array( 253 'class' => array(), 254 ), 255 'q' => array( 256 'cite' => array(), 257 'title' => array(), 258 ), 259 'span' => array( 260 'class' => array(), 261 'title' => array(), 262 'style' => array(), 263 ), 264 'strike' => array(), 265 'strong' => array(), 266 'ul' => array( 267 'class' => array(), 268 ), 269 ); 270 271 return wp_kses($data, $allowed_tags); 203 272 } 204 273 … … 208 277 wp_enqueue_style('font-awsome.min', OXI_FLIP_BOX_URL . '/asset/frontend/css/font-awsome.min.css', false, OXI_FLIP_BOX_PLUGIN_VERSION); 209 278 endif; 210 $files = '<i class="' . $data. ' oxi-icons"></i>';279 $files = '<i class="' . esc_attr($data) . ' oxi-icons"></i>'; 211 280 return $files; 212 281 } … … 221 290 $data = str_replace('+', ' ', $data); 222 291 $data = explode(':', $data); 223 return '"' . $data[0]. '"';292 return '"' . esc_attr($data[0]) . '"'; 224 293 } 225 294 -
image-hover-effects-ultimate-visual-composer/trunk/Page/Settings.php
r2629126 r2648808 50 50 public function admin_ajax_load() { 51 51 $this->admin_css_loader(); 52 wp_enqueue_script('oxi-flip-settings', OXI_FLIP_BOX_URL . '/asset/backend/js/settings.js', false, OXI_FLIP_BOX_ TEXTDOMAIN);52 wp_enqueue_script('oxi-flip-settings', OXI_FLIP_BOX_URL . '/asset/backend/js/settings.js', false, OXI_FLIP_BOX_PLUGIN_VERSION); 53 53 wp_localize_script('oxi-flip-settings', 'oxi_flip_box_settings', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor'))); 54 54 } … … 72 72 <td> 73 73 <fieldset> 74 <select name="oxi_addons_user_permission" >74 <select name="oxi_addons_user_permission" id="oxi_addons_user_permission"> 75 75 <?php foreach ($this->roles as $key => $role) { ?> 76 <option value="<?php echo $key; ?>" <?php selected($this->saved_role, $key); ?>>77 <?php echo $role; ?></option>76 <option value="<?php echo esc_attr($key); ?>" <?php selected($this->saved_role, $key); ?>> 77 <?php echo esc_html($role); ?></option> 78 78 <?php } ?> 79 79 </select> 80 80 <span class="oxi-addons-settings-connfirmation oxi_addons_user_permission"></span> 81 81 <br> 82 <p class="description"> <?php _e('Select the Role who can manage This Plugins.'); ?><a82 <p class="description">Select the Role who can manage This Plugins. <a 83 83 target="_blank" 84 84 href="https://codex.wordpress.org/Roles_and_Capabilities#Capability_vs._Role_Table">Help</a> … … 152 152 <br> 153 153 <br> 154 <h2> <?php _e('License Activation'); ?></h2>154 <h2>License Activation</h2> 155 155 <p>Activate your copy to get direct plugin updates and official support.</p> 156 156 <table class="form-table" role="presentation"> … … 162 162 <td class="valid"> 163 163 <input type="text" class="regular-text" id="oxilab_flip_box_license_key" 164 name="oxilab_flip_box_license_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '****************************************' : $this->license; ?>">164 name="oxilab_flip_box_license_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '****************************************' : esc_html($this->license); ?>"> 165 165 <span class="oxi-addons-settings-connfirmation oxilab_flip_box_license_massage"> 166 166 <?php … … 183 183 echo '<span class="oxi-addons-settings-massage">Active</span>'; 184 184 elseif (!empty($this->license)) : 185 echo '<span class="oxi-addons-settings-massage">' . $this->status. '</span>';185 echo '<span class="oxi-addons-settings-massage">' . esc_html($this->status) . '</span>'; 186 186 else : 187 187 echo '<span class="oxi-addons-settings-massage"></span>'; -
image-hover-effects-ultimate-visual-composer/trunk/Page/Welcome.php
r2629126 r2648808 39 39 <p>Flipbox - Awesomes Flip Boxes Image Overlay makes it easy to create Flipbox or Flipping Content in WordPress. You can follow the video tutorial on the right or read our how to 40 40 <a href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/" target="_blank" rel="noopener">Create your Flipbox Guide</a>. </p> 41 <p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo admin_url(); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>. </p>41 <p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo esc_url(admin_url()); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>. </p> 42 42 </br> 43 43 </br> -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style1.php
r2278127 r2648808 24 24 25 25 public function default_render() { 26 $styleid = $this->oxiid;27 $styledata = explode('|', $this->dbdata['css']);26 $styleid = esc_attr($this->oxiid); 27 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 28 $listdata = $this->child; 29 29 ?> … … 32 32 foreach ($listdata as $value) { 33 33 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);34 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 35 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"36 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 37 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 38 sa-data-animation-offset="100%" 39 39 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"40 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 41 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 43 <?php 44 44 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $this->text_render($filesdata[11]) . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 45 echo '<a href="' . esc_url($this->text_render($filesdata[11])) . '" target="' . esc_attr($styledata[53]) . '">'; 49 46 } 50 47 ?> 51 48 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 51 <div class="oxilab-flip-box-style"> 55 52 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">58 <div class="oxilab-flip-box-<?php echo $styleid; ?>-image">59 <img src="<?php echo $this->text_render($filesdata[5]); ?>">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-image"> 56 <img src="<?php echo esc_url($this->text_render($filesdata[5])); ?>"> 60 57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-image-icon"> 61 58 <?php echo $this->font_awesome_render($filesdata[3]) ?> 62 59 </div> 63 60 </div> 64 <div class="oxilab-flip-box-<?php echo $styleid; ?>-heading">65 <div class="oxilab-flip-box-<?php echo $styleid; ?>-heading-data">61 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-heading"> 62 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-heading-data"> 66 63 <?php echo $this->text_render($filesdata[1]); ?> 67 64 </div> … … 71 68 </div> 72 69 <div class="oxilab-flip-box-back"> 73 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-file">70 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 71 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-file"> 76 73 <div class="oxilab-info"> 77 74 <?php echo $this->text_render($filesdata[7]); ?> … … 79 76 <?php 80 77 if ($filesdata[9] != '') { 81 78 82 79 echo ' <div class="oxilab-button"> 83 <a href="' . $this->text_render($filesdata[11]) . '" target="' . $styledata[53]. '">80 <a href="' . esc_url($this->text_render($filesdata[11])) . '" target="' . esc_attr($styledata[53]) . '"> 84 81 <div class="oxilab-button-data"> 85 82 ' . $this->text_render($filesdata[9]) . ' … … 99 96 </div> 100 97 <?php 101 echo $fileslinkend; 98 if ($filesdata[9] == '' && $filesdata[11] != '') { 99 echo '</a>'; 100 } 102 101 echo $this->admin_edit_panel($value['id']); 103 102 ?> 104 103 </div> 105 <style> 106 <?php107 if ($filesdata[13] != '') {108 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '-data{104 105 <?php 106 if ($filesdata[13] != '') { 107 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '-data{ 109 108 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 110 109 -moz-background-size: 100% 100%; … … 112 111 background-size: 100% 100%; 113 112 }'; 114 }115 ?> </style>116 </div> 113 } 114 ?> 115 </div> 117 116 <?php 118 117 endif; 119 118 } 120 ?> 121 <style> 122 .oxilab-flip-box-padding-<?php echo $styleid; ?>{123 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;124 } 125 .oxilab-flip-box-body- <?php echo $styleid; ?>{126 max-width: <?php echo $styledata[45]; ?>px;119 120 121 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 122 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 123 } 124 .oxilab-flip-box-body-' . $styleid . '{ 125 max-width: ' . $styledata[45] . 'px; 127 126 width: 100%; 128 127 margin: 0 auto; 129 position: relative; 130 } 131 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {132 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;128 position: relative; 129 } 130 .oxilab-flip-box-body-' . $styleid . ':after { 131 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 133 132 content: ""; 134 133 display: block; 135 134 } 136 .oxilab-flip-box- <?php echo $styleid; ?>{137 position: absolute; 138 top: 0; 139 left: 0; 140 width: 100%; 141 height: 100%; 142 display: block; 143 border: 1px solid <?php echo $styledata[5]; ?>;144 background-color: <?php echo $styledata[7]; ?>;145 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;146 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;147 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;148 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;149 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;150 } 151 .oxilab-flip-box- <?php echo $styleid; ?>-data{152 position: absolute; 153 top: 0; 154 left: 0; 155 background: <?php echo $styledata[5]; ?>;156 width: calc(100% - <?php echo $styledata[75] * 2; ?>px);157 height: calc(100% - <?php echo $styledata[75] * 2; ?>px);158 margin: <?php echo $styledata[75]; ?>px;159 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;160 display: block; 161 } 162 .oxilab-flip-box- <?php echo $styleid; ?>-image{135 .oxilab-flip-box-' . $styleid . '{ 136 position: absolute; 137 top: 0; 138 left: 0; 139 width: 100%; 140 height: 100%; 141 display: block; 142 border: 1px solid ' . $styledata[5] . '; 143 background-color: ' . $styledata[7] . '; 144 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 145 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 146 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 147 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 148 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 149 } 150 .oxilab-flip-box-' . $styleid . '-data{ 151 position: absolute; 152 top: 0; 153 left: 0; 154 background: ' . $styledata[5] . '; 155 width: calc(100% - ' . ($styledata[75] * 2) . 'px); 156 height: calc(100% - ' . ($styledata[75] * 2) . 'px); 157 margin: ' . $styledata[75] . 'px; 158 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 159 display: block; 160 } 161 .oxilab-flip-box-' . $styleid . '-image{ 163 162 max-width: 100%; 164 163 width: 100%; 165 float: left; 166 position: relative; 167 } 168 .oxilab-flip-box- <?php echo $styleid; ?>-image:after {169 padding-bottom: <?php echo $styledata[69]; ?>%;164 float: left; 165 position: relative; 166 } 167 .oxilab-flip-box-' . $styleid . '-image:after { 168 padding-bottom: ' . $styledata[69] . '%; 170 169 content: ""; 171 170 display: block; 172 171 } 173 .oxilab-flip-box- <?php echo $styleid; ?>-image img{172 .oxilab-flip-box-' . $styleid . '-image img{ 174 173 position: absolute; 175 174 top: 0; … … 179 178 display: block; 180 179 } 181 .oxilab-flip-box- <?php echo $styleid; ?>-image-icon{180 .oxilab-flip-box-' . $styleid . '-image-icon{ 182 181 position: absolute; 183 182 left: 50%; 184 background: <?php echo $styledata[11]; ?>;185 border: 1px solid <?php echo $styledata[5]; ?>;186 height: <?php echo $styledata[79]; ?>px;187 width: <?php echo $styledata[79]; ?>px;188 bottom: - <?php echo $styledata[79] / 2; ?>px;183 background: ' . $styledata[11] . '; 184 border: 1px solid ' . $styledata[5] . '; 185 height: ' . $styledata[79] . 'px; 186 width: ' . $styledata[79] . 'px; 187 bottom: -' . ($styledata[79] / 2) . 'px; 189 188 -webkit-transform: translateX(-50%); 190 189 -ms-transform: translateX(-50%); … … 192 191 -ms-transform: translateX(-50%); 193 192 -o-transform: translateX(-50%); 194 transform: translateX(-50%); 193 transform: translateX(-50%); 195 194 text-align: center; 196 -webkit-border-radius: <?php echo $styledata[81]; ?>px;197 -moz-border-radius: <?php echo $styledata[81]; ?>px;198 -ms-border-radius: <?php echo $styledata[81]; ?>px;199 -o-border-radius: <?php echo $styledata[81]; ?>px;200 border-radius: <?php echo $styledata[81]; ?>px;195 -webkit-border-radius:' . $styledata[81] . 'px; 196 -moz-border-radius:' . $styledata[81] . 'px; 197 -ms-border-radius:' . $styledata[81] . 'px; 198 -o-border-radius:' . $styledata[81] . 'px; 199 border-radius:' . $styledata[81] . 'px; 201 200 -webkit-backface-visibility: hidden; 202 201 -moz-backface-visibility: hidden; … … 205 204 backface-visibility: hidden; 206 205 } 207 .oxilab-flip-box- <?php echo $styleid; ?>-image-icon .oxi-icons{208 line-height: <?php echo $styledata[79]; ?>px;209 color: <?php echo $styledata[9]; ?>;210 font-size: <?php echo $styledata[77]; ?>px;211 } 212 .oxilab-flip-box- <?php echo $styleid; ?>-heading{213 width: 100%; 214 float: left; 215 } 216 .oxilab-flip-box- <?php echo $styleid; ?>-heading-data{217 margin-top: <?php echo $styledata[79] / 2; ?>px;218 color: <?php echo $styledata[13]; ?>;219 width: 100%; 220 float: left; 221 text-align: <?php echo $styledata[91]; ?>;222 font-size: <?php echo $styledata[83]; ?>px;223 font-family: <?php echo $this->font_familly($styledata[85]); ?>;224 font-weight: <?php echo $styledata[89]; ?>;225 font-style: <?php echo $styledata[87]; ?>;226 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;227 } 228 .oxilab-flip-box-back- <?php echo $styleid; ?>{229 position: absolute; 230 top: 0; 231 left: 0; 232 width: 100%; 233 height: 100%; 206 .oxilab-flip-box-' . $styleid . '-image-icon .oxi-icons{ 207 line-height: ' . $styledata[79] . 'px; 208 color: ' . $styledata[9] . '; 209 font-size: ' . $styledata[77] . 'px; 210 } 211 .oxilab-flip-box-' . $styleid . '-heading{ 212 width: 100%; 213 float: left; 214 } 215 .oxilab-flip-box-' . $styleid . '-heading-data{ 216 margin-top: ' . ($styledata[79] / 2) . 'px; 217 color: ' . $styledata[13] . '; 218 width: 100%; 219 float: left; 220 text-align: ' . $styledata[91] . '; 221 font-size: ' . $styledata[83] . 'px; 222 font-family: ' . $this->font_familly($styledata[85]) . '; 223 font-weight: ' . $styledata[89] . '; 224 font-style:' . $styledata[87] . '; 225 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 226 } 227 .oxilab-flip-box-back-' . $styleid . '{ 228 position: absolute; 229 top: 0; 230 left: 0; 231 width: 100%; 232 height: 100%; 234 233 display: block; 235 234 border: 1px solid; 236 border-color: <?php echo $styledata[15]; ?>;237 background-color: <?php echo $styledata[17]; ?>;238 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;240 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;241 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;242 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;243 244 } 245 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{246 position: absolute; 247 top: 0; 248 left: 0; 249 background-color: <?php echo $styledata[15]; ?>;250 width: calc(100% - <?php echo $styledata[105] * 2; ?>px);251 height: calc(100% - <?php echo $styledata[105] * 2; ?>px);252 margin: <?php echo $styledata[105]; ?>px;253 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;254 display: block; 255 } 256 .oxilab-flip-box-back- <?php echo $styleid; ?>-file{235 border-color: ' . $styledata[15] . '; 236 background-color: ' . $styledata[17] . '; 237 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 238 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 239 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 240 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 241 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 242 243 } 244 .oxilab-flip-box-back-' . $styleid . '-data{ 245 position: absolute; 246 top: 0; 247 left: 0; 248 background-color: ' . $styledata[15] . '; 249 width: calc(100% - ' . ($styledata[105] * 2) . 'px); 250 height: calc(100% - ' . ($styledata[105] * 2) . 'px); 251 margin: ' . $styledata[105] . 'px; 252 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 253 display: block; 254 } 255 .oxilab-flip-box-back-' . $styleid . '-file{ 257 256 position: absolute; 258 257 left: 0%; … … 266 265 width: 100%; 267 266 } 268 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 269 width: 100%; 270 float: left; 271 color: <?php echo $styledata[19]; ?>; 272 text-align: <?php echo $styledata[115]; ?>; 273 font-size: <?php echo $styledata[107]; ?>px; 274 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 275 font-weight: <?php echo $styledata[113]; ?>; 276 font-style:<?php echo $styledata[111]; ?>; 277 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 278 } 279 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 280 width: 100%; 281 float: left; 282 text-align: <?php echo $styledata[139]; ?>; 283 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 284 } 285 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 286 display: inline-block; 287 color: <?php echo $styledata[21]; ?>; 288 background-color: <?php echo $styledata[23]; ?>; 289 font-size: <?php echo $styledata[125]; ?>px; 290 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 291 font-weight: <?php echo $styledata[131]; ?>; 292 font-style:<?php echo $styledata[129]; ?>; 293 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 294 -webkit-border-radius:<?php echo $styledata[137]; ?>px; 295 -moz-border-radius:<?php echo $styledata[137]; ?>px; 296 -ms-border-radius:<?php echo $styledata[137]; ?>px; 297 -o-border-radius:<?php echo $styledata[137]; ?>px; 298 border-radius: <?php echo $styledata[137]; ?>px; 299 } 300 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 301 background-color: <?php echo $styledata[27]; ?>; 302 color: <?php echo $styledata[25]; ?>; 303 } 304 <?php echo $styledata[149]; ?> 305 </style> 267 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 268 width: 100%; 269 float: left; 270 color: ' . $styledata[19] . '; 271 text-align: ' . $styledata[115] . '; 272 font-size: ' . $styledata[107] . 'px; 273 font-family: ' . $this->font_familly($styledata[109]) . '; 274 font-weight: ' . $styledata[113] . '; 275 font-style:' . $styledata[111] . '; 276 padding: ' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 277 } 278 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 279 width: 100%; 280 float: left; 281 text-align: ' . $styledata[139] . '; 282 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 283 } 284 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 285 display: inline-block; 286 color: ' . $styledata[21] . '; 287 background-color: ' . $styledata[23] . '; 288 font-size: ' . $styledata[125] . 'px; 289 font-family: ' . $this->font_familly($styledata[127]) . '; 290 font-weight: ' . $styledata[131] . '; 291 font-style:' . $styledata[129] . '; 292 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 293 -webkit-border-radius:' . $styledata[137] . 'px; 294 -moz-border-radius:' . $styledata[137] . 'px; 295 -ms-border-radius:' . $styledata[137] . 'px; 296 -o-border-radius:' . $styledata[137] . 'px; 297 border-radius: ' . $styledata[137] . 'px; 298 } 299 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 300 background-color: ' . $styledata[27] . '; 301 color: ' . $styledata[25] . '; 302 } 303 ' . $styledata[149] . ''; 304 ?> 305 306 306 </div> 307 307 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style10.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms" >41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[11] != '') { 44 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 57 55 <div class="oxilab-icon"> 58 56 <div class="oxilab-icon-data"> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-icon"> 73 71 <div class="oxilab-icon-data"> … … 85 83 </div> 86 84 </div> 87 <?php echo $fileslinkend; 88 echo $this->admin_edit_panel($value['id']); 85 <?php 86 if ($filesdata[11] != '') { 87 echo'</a>'; 88 } 89 echo $this->admin_edit_panel($value['id']); 89 90 ?> 90 91 91 92 </div> 92 93 93 <style> 94 <?php95 if ($filesdata[5] != '') {96 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{94 95 <?php 96 if ($filesdata[5] != '') { 97 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 97 98 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 98 99 -moz-background-size: 100% 100%; … … 100 101 background-size: 100% 100%; 101 102 }'; 102 }103 if ($filesdata[13] != '') {104 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{103 } 104 if ($filesdata[13] != '') { 105 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 105 106 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[13] . '"); 106 107 -moz-background-size: 100% 100%; … … 108 109 background-size: 100% 100%; 109 110 }'; 110 }111 ?> </style>111 } 112 ?> 112 113 113 114 </div> … … 115 116 endif; 116 117 } 117 ?> 118 <style> 119 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 120 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 121 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 122 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 123 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 124 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 125 transition: opacity <?php echo $styledata[57]; ?>s linear; 126 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 127 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 128 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 129 -o-animation-duration: <?php echo $styledata[57]; ?>s; 130 animation-duration: <?php echo $styledata[57]; ?>s; 131 } 132 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 133 max-width: <?php echo $styledata[45]; ?>px; 118 119 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 120 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 121 -webkit-transition: opacity ' . $styledata[57] . 's linear; 122 -moz-transition: opacity ' . $styledata[57] . 's linear; 123 -ms-transition: opacity ' . $styledata[57] . 's linear; 124 -o-transition: opacity ' . $styledata[57] . 's linear; 125 transition: opacity ' . $styledata[57] . 's linear; 126 -webkit-animation-duration: ' . $styledata[57] . 's; 127 -moz-animation-duration: ' . $styledata[57] . 's; 128 -ms-animation-duration: ' . $styledata[57] . 's; 129 -o-animation-duration: ' . $styledata[57] . 's; 130 animation-duration: ' . $styledata[57] . 's; 131 } 132 .oxilab-flip-box-body-' . $styleid . '{ 133 max-width: ' . $styledata[45] . 'px; 134 134 width: 100%; 135 135 margin: 0 auto; 136 position: relative; 137 } 138 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {139 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;136 position: relative; 137 } 138 .oxilab-flip-box-body-' . $styleid . ':after { 139 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 140 140 content: ""; 141 141 display: block; 142 142 } 143 .oxilab-flip-box- <?php echo $styleid; ?>{143 .oxilab-flip-box-' . $styleid . '{ 144 144 position: absolute; 145 145 top: 0; … … 147 147 right: 0; 148 148 bottom: 0; 149 background-color: <?php echo $styledata[5]; ?>;150 display: block; 151 -webkit-border-radius: <?php echo $styledata[69]; ?>px;152 -moz-border-radius: <?php echo $styledata[69]; ?>px;153 -ms-border-radius: <?php echo $styledata[69]; ?>px;154 -o-border-radius: <?php echo $styledata[69]; ?>px;155 border-radius: <?php echo $styledata[69]; ?>px;149 background-color: ' . $styledata[5] . '; 150 display: block; 151 -webkit-border-radius: ' . $styledata[69] . 'px; 152 -moz-border-radius: ' . $styledata[69] . 'px; 153 -ms-border-radius: ' . $styledata[69] . 'px; 154 -o-border-radius: ' . $styledata[69] . 'px; 155 border-radius: ' . $styledata[69] . 'px; 156 156 overflow: hidden; 157 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;158 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;159 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;160 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;161 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;162 163 } 164 .oxilab-flip-box- <?php echo $styleid; ?>-data{157 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 158 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 159 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 160 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 161 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 162 163 } 164 .oxilab-flip-box-' . $styleid . '-data{ 165 165 position: absolute; 166 166 left: 0%; 167 top: 50%; 168 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;167 top: 50%; 168 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 169 169 -webkit-transform: translateY(-50%); 170 170 -ms-transform: translateY(-50%); … … 174 174 right: 0; 175 175 } 176 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{177 display: block; 178 text-align: center; 179 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;180 } 181 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{182 display: inline-block; 183 background-color: <?php echo $styledata[9]; ?>;184 width: <?php echo $styledata[79]; ?>px;185 height: <?php echo $styledata[79]; ?>px;186 -webkit-border-radius: <?php echo $styledata[81]; ?>px;187 -moz-border-radius: <?php echo $styledata[81]; ?>px;188 -ms-border-radius: <?php echo $styledata[81]; ?>px;189 -o-border-radius: <?php echo $styledata[81]; ?>px;190 border-radius: <?php echo $styledata[81]; ?>px;191 } 192 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{193 line-height: <?php echo $styledata[79]; ?>px;194 font-size: <?php echo $styledata[77]; ?>px;195 color: <?php echo $styledata[7]; ?>;196 } 197 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{198 display: block; 199 color: <?php echo $styledata[11]; ?>;200 text-align: <?php echo $styledata[91]; ?>;201 font-size: <?php echo $styledata[83]; ?>px;202 font-family: <?php echo $this->font_familly($styledata[85]); ?>;203 font-weight: <?php echo $styledata[89]; ?>;204 font-style: <?php echo $styledata[87]; ?>;205 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;206 207 } 208 .oxilab-flip-box-back- <?php echo $styleid; ?>{176 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 177 display: block; 178 text-align: center; 179 padding:' . $styledata[133] . 'px ' . $styledata[135] . 'px; 180 } 181 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 182 display: inline-block; 183 background-color: ' . $styledata[9] . '; 184 width:' . $styledata[79] . 'px; 185 height:' . $styledata[79] . 'px; 186 -webkit-border-radius: ' . $styledata[81] . 'px; 187 -moz-border-radius: ' . $styledata[81] . 'px; 188 -ms-border-radius: ' . $styledata[81] . 'px; 189 -o-border-radius: ' . $styledata[81] . 'px; 190 border-radius: ' . $styledata[81] . 'px; 191 } 192 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 193 line-height: ' . $styledata[79] . 'px; 194 font-size: ' . $styledata[77] . 'px; 195 color: ' . $styledata[7] . '; 196 } 197 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 198 display: block; 199 color: ' . $styledata[11] . '; 200 text-align: ' . $styledata[91] . '; 201 font-size: ' . $styledata[83] . 'px; 202 font-family: ' . $this->font_familly($styledata[85]) . '; 203 font-weight: ' . $styledata[89] . '; 204 font-style:' . $styledata[87] . '; 205 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 206 207 } 208 .oxilab-flip-box-back-' . $styleid . '{ 209 209 position: absolute; 210 210 top: 0; … … 213 213 bottom: 0; 214 214 display: block; 215 background-color: <?php echo $styledata[13]; ?>;216 -webkit-border-radius: <?php echo $styledata[69]; ?>px;217 -moz-border-radius: <?php echo $styledata[69]; ?>px;218 -ms-border-radius: <?php echo $styledata[69]; ?>px;219 -o-border-radius: <?php echo $styledata[69]; ?>px;220 border-radius: <?php echo $styledata[69]; ?>px;215 background-color: ' . $styledata[13] . '; 216 -webkit-border-radius: ' . $styledata[69] . 'px; 217 -moz-border-radius: ' . $styledata[69] . 'px; 218 -ms-border-radius: ' . $styledata[69] . 'px; 219 -o-border-radius: ' . $styledata[69] . 'px; 220 border-radius: ' . $styledata[69] . 'px; 221 221 overflow: hidden; 222 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;223 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;224 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;225 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;226 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;227 228 } 229 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{222 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 223 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 224 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 225 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 226 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 227 228 } 229 .oxilab-flip-box-back-' . $styleid . '-data{ 230 230 position: absolute; 231 231 left: 0%; 232 232 right: 0; 233 top: 50%; 234 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;233 top: 50%; 234 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 235 235 -webkit-transform: translateY(-50%); 236 236 -ms-transform: translateY(-50%); 237 237 -moz-transform: translateY(-50%); 238 238 -o-transform: translateY(-50%); 239 transform: translateY(-50%); 240 } 241 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{ 242 display: block; 243 text-align: center; 244 padding: <?php echo $styledata[129]; ?>px <?php echo $styledata[131]; ?>px; 245 } 246 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{ 247 display: inline-block; 248 width: <?php echo $styledata[127]; ?>px; 249 height: <?php echo $styledata[127]; ?>px; 250 } 251 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{ 252 line-height:<?php echo $styledata[127]; ?>px; 253 font-size: <?php echo $styledata[125]; ?>px; 254 color: <?php echo $styledata[15]; ?>; 255 } 256 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 257 display: block; 258 color: <?php echo $styledata[17]; ?>; 259 text-align: <?php echo $styledata[115]; ?>; 260 font-size: <?php echo $styledata[107]; ?>px; 261 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 262 font-weight: <?php echo $styledata[113]; ?>; 263 font-style:<?php echo $styledata[111]; ?>; 264 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 265 } 266 <?php echo $styledata[137]; ?>; 267 </style> 239 transform: translateY(-50%); 240 } 241 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{ 242 display: block; 243 text-align: center; 244 padding: ' . $styledata[129] . 'px ' . $styledata[131] . 'px; 245 } 246 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{ 247 display: inline-block; 248 width: ' . $styledata[127] . 'px; 249 height: ' . $styledata[127] . 'px; 250 } 251 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 252 line-height:' . $styledata[127] . 'px; 253 font-size: ' . $styledata[125] . 'px; 254 color: ' . $styledata[15] . '; 255 } 256 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 257 display: block; 258 color: ' . $styledata[17] . '; 259 text-align: ' . $styledata[115] . '; 260 font-size: ' . $styledata[107] . 'px; 261 font-family: ' . $this->font_familly($styledata[109]) . '; 262 font-weight: ' . $styledata[113] . '; 263 font-style:' . $styledata[111] . '; 264 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 265 } 266 ' . $styledata[137] . ';'; 267 ?> 268 268 269 </div> 269 270 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style11.php
r2278127 r2648808 25 25 public function default_render() { 26 26 $styleid = $this->oxiid; 27 $styledata = explode('|', $this->dbdata['css']); 27 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[13] == '' && $filesdata[15] != '') { 44 echo '<a href="' . $filesdata[15] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[15]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 57 55 <div class="oxilab-icon"> 58 56 <div class="oxilab-icon-data"> … … 67 65 </div> 68 66 <div class="oxilab-flip-box-back"> 69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 71 69 <div class="oxilab-heading"> 72 70 <?php echo $this->text_render($filesdata[7]); ?> … … 82 80 <?php 83 81 if ($filesdata[13] != '') { 84 echo '<a href="' . $filesdata[15] . '" target="' . $styledata[53]. '">';82 echo '<a href="' . esc_url($filesdata[15]) . '" target="' . esc_attr($styledata[53]) . '">'; 85 83 echo '<div class="oxilab-button"> 86 84 <div class="oxilab-button-data"> … … 99 97 </div> 100 98 <?php 101 echo $fileslinkend; 99 if ($filesdata[13] == '' && $filesdata[15] != '') { 100 echo '</a>'; 101 } 102 102 echo $this->admin_edit_panel($value['id']); 103 103 ?> 104 104 </div> 105 105 106 <style> 107 <?php108 if ($filesdata[5] != '') {109 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{106 107 <?php 108 if ($filesdata[5] != '') { 109 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 110 110 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 111 111 -moz-background-size: 100% 100%; … … 113 113 background-size: 100% 100%; 114 114 }'; 115 }116 if ($filesdata[17] != '') {117 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{115 } 116 if ($filesdata[17] != '') { 117 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 118 118 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[17] . '"); 119 119 -moz-background-size: 100% 100%; … … 121 121 background-size: 100% 100%; 122 122 }'; 123 }124 ?>125 </style> 123 } 124 ?> 125 126 126 </div> 127 127 <?php 128 128 endif; 129 129 } 130 ?> 131 132 <style> 133 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 134 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 135 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 137 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 138 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 139 transition: opacity <?php echo $styledata[57]; ?>s linear; 140 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 141 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 142 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 143 -o-animation-duration: <?php echo $styledata[57]; ?>s; 144 animation-duration: <?php echo $styledata[57]; ?>s; 145 } 146 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 147 max-width: <?php echo $styledata[45]; ?>px; 130 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 131 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 132 -webkit-transition: opacity ' . $styledata[57] . 's linear; 133 -moz-transition: opacity ' . $styledata[57] . 's linear; 134 -ms-transition: opacity ' . $styledata[57] . 's linear; 135 -o-transition: opacity ' . $styledata[57] . 's linear; 136 transition: opacity ' . $styledata[57] . 's linear; 137 -webkit-animation-duration: ' . $styledata[57] . 's; 138 -moz-animation-duration: ' . $styledata[57] . 's; 139 -ms-animation-duration: ' . $styledata[57] . 's; 140 -o-animation-duration: ' . $styledata[57] . 's; 141 animation-duration: ' . $styledata[57] . 's; 142 } 143 .oxilab-flip-box-body-' . $styleid . '{ 144 max-width: ' . $styledata[45] . 'px; 148 145 width: 100%; 149 146 margin: 0 auto; 150 position: relative; 151 } 152 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {153 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;147 position: relative; 148 } 149 .oxilab-flip-box-body-' . $styleid . ':after { 150 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 154 151 content: ""; 155 152 display: block; 156 153 } 157 .oxilab-flip-box- <?php echo $styleid; ?>{154 .oxilab-flip-box-' . $styleid . '{ 158 155 position: absolute; 159 156 top: 0; … … 162 159 bottom: 0; 163 160 display: block; 164 background-color: <?php echo $styledata[5]; ?>;165 -webkit-border-radius: <?php echo $styledata[69]; ?>px;166 -moz-border-radius: <?php echo $styledata[69]; ?>px;167 -ms-border-radius: <?php echo $styledata[69]; ?>px;168 -o-border-radius: <?php echo $styledata[69]; ?>px;169 border-radius: <?php echo $styledata[69]; ?>px;161 background-color: ' . $styledata[5] . '; 162 -webkit-border-radius: ' . $styledata[69] . 'px; 163 -moz-border-radius: ' . $styledata[69] . 'px; 164 -ms-border-radius: ' . $styledata[69] . 'px; 165 -o-border-radius: ' . $styledata[69] . 'px; 166 border-radius: ' . $styledata[69] . 'px; 170 167 overflow: hidden; 171 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;174 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;175 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;176 } 177 .oxilab-flip-box- <?php echo $styleid; ?>-data{168 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 172 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 173 } 174 .oxilab-flip-box-' . $styleid . '-data{ 178 175 position: absolute; 179 176 left: 0%; 180 top: 50%; 181 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;177 top: 50%; 178 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 182 179 -webkit-transform: translateY(-50%); 183 180 -ms-transform: translateY(-50%); … … 187 184 right: 0; 188 185 } 189 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{190 display: block; 191 text-align: center; 192 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;193 } 194 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{195 display: inline-block; 196 background-color: <?php echo $styledata[9]; ?>;197 width: <?php echo $styledata[79]; ?>px;198 height: <?php echo $styledata[79]; ?>px;199 -webkit-border-radius: <?php echo $styledata[81]; ?>px;200 -moz-border-radius: <?php echo $styledata[81]; ?>px;201 -ms-border-radius: <?php echo $styledata[81]; ?>px;202 -o-border-radius: <?php echo $styledata[81]; ?>px;203 border-radius: <?php echo $styledata[81]; ?>px;204 } 205 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{206 line-height: <?php echo $styledata[79]; ?>px;207 font-size: <?php echo $styledata[77]; ?>px;208 color: <?php echo $styledata[7]; ?>;209 } 210 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{211 display: block; 212 color: <?php echo $styledata[11]; ?>;213 text-align: <?php echo $styledata[91]; ?>;214 font-size: <?php echo $styledata[83]; ?>px;215 font-family: <?php echo $this->font_familly($styledata[85]); ?>;216 font-weight: <?php echo $styledata[89]; ?>;217 font-style: <?php echo $styledata[87]; ?>;218 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;219 } 220 .oxilab-flip-box-back- <?php echo $styleid; ?>{186 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 187 display: block; 188 text-align: center; 189 padding:' . $styledata[133] . 'px ' . $styledata[135] . 'px; 190 } 191 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 192 display: inline-block; 193 background-color: ' . $styledata[9] . '; 194 width:' . $styledata[79] . 'px; 195 height:' . $styledata[79] . 'px; 196 -webkit-border-radius: ' . $styledata[81] . 'px; 197 -moz-border-radius: ' . $styledata[81] . 'px; 198 -ms-border-radius: ' . $styledata[81] . 'px; 199 -o-border-radius: ' . $styledata[81] . 'px; 200 border-radius: ' . $styledata[81] . 'px; 201 } 202 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 203 line-height: ' . $styledata[79] . 'px; 204 font-size: ' . $styledata[77] . 'px; 205 color:' . $styledata[7] . '; 206 } 207 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 208 display: block; 209 color:' . $styledata[11] . '; 210 text-align: ' . $styledata[91] . '; 211 font-size: ' . $styledata[83] . 'px; 212 font-family: ' . $this->font_familly($styledata[85]) . '; 213 font-weight: ' . $styledata[89] . '; 214 font-style:' . $styledata[87] . '; 215 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 216 } 217 .oxilab-flip-box-back-' . $styleid . '{ 221 218 position: absolute; 222 219 top: 0; … … 225 222 bottom: 0; 226 223 display: block; 227 background-color: <?php echo $styledata[13]; ?>;228 -webkit-border-radius: <?php echo $styledata[69]; ?>px;229 -moz-border-radius: <?php echo $styledata[69]; ?>px;230 -ms-border-radius: <?php echo $styledata[69]; ?>px;231 -o-border-radius: <?php echo $styledata[69]; ?>px;232 border-radius: <?php echo $styledata[69]; ?>px;224 background-color: ' . $styledata[13] . '; 225 -webkit-border-radius: ' . $styledata[69] . 'px; 226 -moz-border-radius: ' . $styledata[69] . 'px; 227 -ms-border-radius: ' . $styledata[69] . 'px; 228 -o-border-radius: ' . $styledata[69] . 'px; 229 border-radius: ' . $styledata[69] . 'px; 233 230 overflow: hidden; 234 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;235 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;236 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;237 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;238 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 } 240 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{231 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 232 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 233 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 234 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 235 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 236 } 237 .oxilab-flip-box-back-' . $styleid . '-data{ 241 238 position: absolute; 242 239 left: 0%; 243 240 right: 0; 244 top: 50%; 245 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;241 top: 50%; 242 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 246 243 -webkit-transform: translateY(-50%); 247 244 -ms-transform: translateY(-50%); 248 245 -moz-transform: translateY(-50%); 249 246 -o-transform: translateY(-50%); 250 transform: translateY(-50%); 251 } 252 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 253 display: block; 254 color:<?php echo $styledata[15]; ?>; 255 text-align: <?php echo $styledata[145]; ?>; 256 font-size: <?php echo $styledata[137]; ?>px; 257 font-family: <?php echo $this->font_familly($styledata[139]); ?>; 258 font-weight: <?php echo $styledata[143]; ?>; 259 font-style:<?php echo $styledata[141]; ?>; 260 padding: <?php echo $styledata[147]; ?>px <?php echo $styledata[153]; ?>px <?php echo $styledata[149]; ?>px <?php echo $styledata[151]; ?>px; 261 262 } 263 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{ 264 display: block; 265 text-align: center; 266 padding: <?php echo $styledata[129]; ?>px <?php echo $styledata[131]; ?>px; 267 } 268 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{ 269 display: inline-block; 270 Border-bottom-color: <?php echo $styledata[17]; ?>; 271 width: <?php echo $styledata[127]; ?>px; 272 height: <?php echo $styledata[127]; ?>px; 273 border-bottom: <?php echo $styledata[105]; ?>px solid; 274 } 275 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{ 276 line-height:<?php echo $styledata[127]; ?>px; 277 font-size: <?php echo $styledata[125]; ?>px; 278 color:<?php echo $styledata[17]; ?>; 279 } 280 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 281 display: block; 282 color:<?php echo $styledata[19]; ?>; 283 text-align: <?php echo $styledata[115]; ?>; 284 font-size: <?php echo $styledata[107]; ?>px; 285 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 286 font-weight: <?php echo $styledata[113]; ?>; 287 font-style:<?php echo $styledata[111]; ?>; 288 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 289 } 290 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 291 display: block; 292 text-align: <?php echo $styledata[169]; ?>; 293 padding: <?php echo $styledata[171]; ?>px <?php echo $styledata[177]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[175]; ?>px; 294 } 295 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 296 display: inline-block; 297 color: <?php echo $styledata[21]; ?>; 298 background-color: <?php echo $styledata[23]; ?>; 299 font-size: <?php echo $styledata[155]; ?>px; 300 font-family: <?php echo $this->font_familly($styledata[157]); ?>; 301 font-weight: <?php echo $styledata[161]; ?>; 302 font-style:<?php echo $styledata[159]; ?>; 303 padding: <?php echo $styledata[163]; ?>px <?php echo $styledata[165]; ?>px; 304 -webkit-border-radius: <?php echo $styledata[167]; ?>px; 305 -moz-border-radius: <?php echo $styledata[167]; ?>px; 306 -ms-border-radius: <?php echo $styledata[167]; ?>px; 307 -o-border-radius: <?php echo $styledata[167]; ?>px; 308 border-radius: <?php echo $styledata[167]; ?>px; 309 } 310 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 311 background-color: <?php echo $styledata[27]; ?>; 312 color: <?php echo $styledata[25]; ?>; 313 } 314 <?php echo $styledata[179]; ?>; 315 </style> 247 transform: translateY(-50%); 248 } 249 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 250 display: block; 251 color:' . $styledata[15] . '; 252 text-align: ' . $styledata[145] . '; 253 font-size: ' . $styledata[137] . 'px; 254 font-family: ' . $this->font_familly($styledata[139]) . '; 255 font-weight: ' . $styledata[143] . '; 256 font-style:' . $styledata[141] . '; 257 padding: ' . $styledata[147] . 'px ' . $styledata[153] . 'px ' . $styledata[149] . 'px ' . $styledata[151] . 'px; 258 259 } 260 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{ 261 display: block; 262 text-align: center; 263 padding: ' . $styledata[129] . 'px ' . $styledata[131] . 'px; 264 } 265 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{ 266 display: inline-block; 267 Border-bottom-color: ' . $styledata[17] . '; 268 width: ' . $styledata[127] . 'px; 269 height: ' . $styledata[127] . 'px; 270 border-bottom: ' . $styledata[105] . 'px solid; 271 } 272 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 273 line-height:' . $styledata[127] . 'px; 274 font-size: ' . $styledata[125] . 'px; 275 color:' . $styledata[17] . '; 276 } 277 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 278 display: block; 279 color:' . $styledata[19] . '; 280 text-align: ' . $styledata[115] . '; 281 font-size: ' . $styledata[107] . 'px; 282 font-family: ' . $this->font_familly($styledata[109]) . '; 283 font-weight: ' . $styledata[113] . '; 284 font-style:' . $styledata[111] . '; 285 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 286 } 287 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 288 display: block; 289 text-align: ' . $styledata[169] . '; 290 padding: ' . $styledata[171] . 'px ' . $styledata[177] . 'px ' . $styledata[173] . 'px ' . $styledata[175] . 'px; 291 } 292 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 293 display: inline-block; 294 color: ' . $styledata[21] . '; 295 background-color: ' . $styledata[23] . '; 296 font-size: ' . $styledata[155] . 'px; 297 font-family: ' . $this->font_familly($styledata[157]) . '; 298 font-weight: ' . $styledata[161] . '; 299 font-style:' . $styledata[159] . '; 300 padding: ' . $styledata[163] . 'px ' . $styledata[165] . 'px; 301 -webkit-border-radius: ' . $styledata[167] . 'px; 302 -moz-border-radius: ' . $styledata[167] . 'px; 303 -ms-border-radius: ' . $styledata[167] . 'px; 304 -o-border-radius: ' . $styledata[167] . 'px; 305 border-radius: ' . $styledata[167] . 'px; 306 } 307 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 308 background-color: ' . $styledata[27] . '; 309 color: ' . $styledata[25] . '; 310 } 311 ' . $styledata[179] . ';'; 312 ?> 313 314 316 315 </div> 317 316 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style12.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 33 34 foreach ($listdata as $value) { 34 35 if (!empty($value['files'])): 35 $filesdata = explode("{#}|{#}", $value['files']);36 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 36 37 ?> 37 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"38 sa-data-animation="<?php echo $styledata[55]; ?>"38 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 39 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 39 40 sa-data-animation-offset="100%" 40 41 sa-data-animation-delay="0ms" 41 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"42 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 42 43 > 43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">44 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 44 45 <?php 45 46 if ($filesdata[11] != '') { 46 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 47 $fileslinkend = '</a>'; 48 } else { 49 $fileslinkend = ''; 47 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_html($styledata[53]) . '">'; 50 48 } 51 49 ?> 52 50 <div class="oxilab-flip-box-body-absulote"> 53 <div class="<?php echo $styledata[1]; ?>">54 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">51 <div class="<?php echo esc_attr($styledata[1]); ?>"> 52 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 55 53 <div class="oxilab-flip-box-style"> 56 54 <div class="oxilab-flip-box-front"> 57 <div class="oxilab-flip-box-<?php echo $styleid; ?>">58 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 56 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data2"> 59 57 <div class="oxilab-icon"> 60 58 <div class="oxilab-icon-data"> … … 63 61 </div> 64 62 </div> 65 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">63 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 66 64 <div class="oxilab-heading"> 67 65 <?php echo $this->text_render($filesdata[1]); ?> … … 75 73 </div> 76 74 <div class="oxilab-flip-box-back"> 77 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">78 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">75 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 76 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 79 77 <div class="oxilab-heading"> 80 78 <?php echo $this->text_render($filesdata[17]); ?> … … 83 81 <div class="oxilab-info"> 84 82 <?php echo $this->text_render($filesdata[7]); ?> 85 </div> 83 </div> 86 84 </div> 87 85 </div> … … 91 89 </div> 92 90 </div> 93 <?php echo $fileslinkend; 94 echo $this->admin_edit_panel($value['id']); 91 <?php 92 if ($filesdata[11] != '') { 93 echo '</a>'; 94 } 95 echo $this->admin_edit_panel($value['id']); 95 96 ?> 96 97 </div> 97 <style> 98 <?php99 if ($filesdata[5] != '') {100 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{98 99 <?php 100 if ($filesdata[5] != '') { 101 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 101 102 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 102 103 -moz-background-size: 100% 100%; … … 104 105 background-size: 100% 100%; 105 106 }'; 106 }107 if ($filesdata[13] != '') {108 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{107 } 108 if ($filesdata[13] != '') { 109 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 109 110 background: linear-gradient(' . $styledata[17] . ', ' . $styledata[17] . '), url("' . $filesdata[13] . '"); 110 111 -moz-background-size: 100% 100%; … … 112 113 background-size: 100% 100%; 113 114 }'; 114 }115 ?>116 </style> 115 } 116 ?> 117 117 118 </div> 118 119 <?php 119 120 endif; 120 121 } 121 ?> 122 123 <style> 124 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 125 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 126 transition: opacity <?php echo $styledata[57]; ?>s linear; 127 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 128 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 129 -o-animation-duration: <?php echo $styledata[57]; ?>s; 130 animation-duration: <?php echo $styledata[57]; ?>s; 131 } 132 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 133 max-width: <?php echo $styledata[45]; ?>px; 122 123 $this->inline_css .= ' .oxilab-flip-box-padding-' . $styleid . '{ 124 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 125 transition: opacity ' . $styledata[57] . 's linear; 126 -webkit-animation-duration: ' . $styledata[57] . 's; 127 -moz-animation-duration: ' . $styledata[57] . 's; 128 -o-animation-duration: ' . $styledata[57] . 's; 129 animation-duration: ' . $styledata[57] . 's; 130 } 131 .oxilab-flip-box-body-' . $styleid . '{ 132 max-width: ' . $styledata[45] . 'px; 134 133 width: 100%; 135 134 margin: 0 auto; 136 position: relative; 137 } 138 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {139 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;135 position: relative; 136 } 137 .oxilab-flip-box-body-' . $styleid . ':after { 138 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 140 139 content: ""; 141 140 display: block; 142 141 } 143 .oxilab-flip-box- <?php echo $styleid; ?>{142 .oxilab-flip-box-' . $styleid . '{ 144 143 position: absolute; 145 144 top: 0; … … 147 146 right: 0; 148 147 bottom: 0; 149 border-color: <?php echo $styledata[7]; ?>;150 background-color: <?php echo $styledata[5]; ?>;151 border-width: <?php echo $styledata[125]; ?>px;152 border-style: <?php echo $styledata[127]; ?>;153 display: block; 154 border-radius: <?php echo $styledata[129]; ?>px;148 border-color: ' . $styledata[7] . '; 149 background-color: ' . $styledata[5] . '; 150 border-width: ' . $styledata[125] . 'px; 151 border-style:' . $styledata[127] . '; 152 display: block; 153 border-radius: ' . $styledata[129] . 'px; 155 154 overflow: hidden; 156 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;157 } 158 .oxilab-flip-box- <?php echo $styleid; ?>-data{155 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 156 } 157 .oxilab-flip-box-' . $styleid . '-data{ 159 158 position: absolute; 160 159 left: 0%; 161 top: <?php echo $styledata[75]; ?>px;162 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;163 right: 0; 164 } 165 .oxilab-flip-box- <?php echo $styleid; ?>-data2{166 position: absolute; 167 top: 0%; 168 left: 50%; 169 background-color: <?php echo $styledata[11]; ?>;160 top: ' . $styledata[75] . 'px; 161 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 162 right: 0; 163 } 164 .oxilab-flip-box-' . $styleid . '-data2{ 165 position: absolute; 166 top: 0%; 167 left: 50%; 168 background-color: ' . $styledata[11] . '; 170 169 -webkit-transform: translateX(-50%); 171 170 -ms-transform: translateX(-50%); … … 173 172 -o-transform: translateX(-50%); 174 173 transform: translateX(-50%); 175 height: <?php echo $styledata[75]; ?>px;176 width: <?php echo $styledata[79]; ?>px;177 border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;178 } 179 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon{180 position: absolute; 181 bottom: 0; 174 height: ' . $styledata[75] . 'px; 175 width: ' . $styledata[79] . 'px; 176 border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 177 } 178 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon{ 179 position: absolute; 180 bottom: 0; 182 181 width: 100%; 183 182 display: block; 184 text-align: center; 185 } 186 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon-data{187 display: inline-block; 188 width: <?php echo $styledata[79]; ?>px;189 height: <?php echo $styledata[79]; ?>px;190 border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;191 } 192 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{193 line-height: <?php echo $styledata[79]; ?>px;194 font-size: <?php echo $styledata[77]; ?>px;195 color: <?php echo $styledata[9]; ?>;196 } 197 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{198 display: block; 199 color: <?php echo $styledata[13]; ?>;200 text-align: <?php echo $styledata[91]; ?>;201 font-size: <?php echo $styledata[83]; ?>px;202 font-family: <?php echo $this->font_familly($styledata[85]); ?>;203 font-weight: <?php echo $styledata[89]; ?>;204 font-style: <?php echo $styledata[87]; ?>;205 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;206 207 } 208 209 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{210 display: block; 211 color: <?php echo $styledata[15]; ?>;212 text-align: <?php echo $styledata[147]; ?>;213 font-size: <?php echo $styledata[139]; ?>px;214 font-family: <?php echo $this->font_familly($styledata[141]); ?>;215 font-weight: <?php echo $styledata[145]; ?>;216 font-style: <?php echo $styledata[143]; ?>;217 padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;218 219 } 220 .oxilab-flip-box-back- <?php echo $styleid; ?>{183 text-align: center; 184 } 185 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data{ 186 display: inline-block; 187 width: ' . $styledata[79] . 'px; 188 height: ' . $styledata[79] . 'px; 189 border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 190 } 191 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{ 192 line-height:' . $styledata[79] . 'px; 193 font-size: ' . $styledata[77] . 'px; 194 color: ' . $styledata[9] . '; 195 } 196 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 197 display: block; 198 color: ' . $styledata[13] . '; 199 text-align: ' . $styledata[91] . '; 200 font-size: ' . $styledata[83] . 'px; 201 font-family: ' . $this->font_familly($styledata[85]) . '; 202 font-weight: ' . $styledata[89] . '; 203 font-style:' . $styledata[87] . '; 204 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 205 206 } 207 208 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 209 display: block; 210 color: ' . $styledata[15] . '; 211 text-align: ' . $styledata[147] . '; 212 font-size: ' . $styledata[139] . 'px; 213 font-family: ' . $this->font_familly($styledata[141]) . '; 214 font-weight: ' . $styledata[145] . '; 215 font-style:' . $styledata[143] . '; 216 padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px; 217 218 } 219 .oxilab-flip-box-back-' . $styleid . '{ 221 220 position: absolute; 222 221 top: 0; … … 224 223 right: 0; 225 224 bottom: 0; 226 border-color: <?php echo $styledata[19]; ?>;227 background-color: <?php echo $styledata[17]; ?>;228 border-width: <?php echo $styledata[131]; ?>px;229 border-style: <?php echo $styledata[133]; ?>;230 display: block; 231 border-radius: <?php echo $styledata[129]; ?>px;225 border-color: ' . $styledata[19] . '; 226 background-color: ' . $styledata[17] . '; 227 border-width: ' . $styledata[131] . 'px; 228 border-style:' . $styledata[133] . '; 229 display: block; 230 border-radius: ' . $styledata[129] . 'px; 232 231 overflow: hidden; 233 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;234 } 235 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{232 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 233 } 234 .oxilab-flip-box-back-' . $styleid . '-data{ 236 235 position: absolute; 237 236 left: 0%; 238 237 right: 0; 239 top: 50%; 240 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;238 top: 50%; 239 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 241 240 -webkit-transform: translateY(-50%); 242 241 -ms-transform: translateY(-50%); 243 242 -moz-transform: translateY(-50%); 244 243 -o-transform: translateY(-50%); 245 transform: translateY(-50%); 246 } 247 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{244 transform: translateY(-50%); 245 } 246 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 248 247 display: block; 249 248 position: relative; 250 color: <?php echo $styledata[21]; ?>;251 text-align: <?php echo $styledata[165]; ?>;252 font-size: <?php echo $styledata[157]; ?>px;253 font-family: <?php echo $this->font_familly($styledata[159]); ?>;254 font-weight: <?php echo $styledata[163]; ?>;255 font-style: <?php echo $styledata[161]; ?>;256 padding: <?php echo $styledata[167]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px;257 258 } 259 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{249 color: ' . $styledata[21] . '; 250 text-align: ' . $styledata[165] . '; 251 font-size: ' . $styledata[157] . 'px; 252 font-family: ' . $this->font_familly($styledata[159]) . '; 253 font-weight: ' . $styledata[163] . '; 254 font-style:' . $styledata[161] . '; 255 padding:' . $styledata[167] . 'px ' . $styledata[173] . 'px ' . $styledata[169] . 'px ' . $styledata[171] . 'px; 256 257 } 258 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 260 259 position: absolute; 261 260 bottom: 0; 262 background-color: <?php echo $styledata[23]; ?>;263 left: 50%; 261 background-color: ' . $styledata[23] . '; 262 left: 50%; 264 263 -webkit-transform: translateX(-50%); 265 264 -ms-transform: translateX(-50%); … … 267 266 -o-transform: translateX(-50%); 268 267 transform: translateX(-50%); 269 height: <?php echo $styledata[177]; ?>px; 270 width: <?php echo $styledata[175]; ?>px; 271 } 272 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 273 display: block; 274 color: <?php echo $styledata[25]; ?>; 275 text-align: <?php echo $styledata[115]; ?>; 276 font-size: <?php echo $styledata[107]; ?>px; 277 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 278 font-weight: <?php echo $styledata[113]; ?>; 279 font-style:<?php echo $styledata[111]; ?>; 280 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 281 } 282 <?php echo $styledata[179]; ?>; 283 </style> 268 height: ' . $styledata[177] . 'px; 269 width: ' . $styledata[175] . 'px; 270 } 271 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 272 display: block; 273 color: ' . $styledata[25] . '; 274 text-align: ' . $styledata[115] . '; 275 font-size: ' . $styledata[107] . 'px; 276 font-family: ' . $this->font_familly($styledata[109]) . '; 277 font-weight: ' . $styledata[113] . '; 278 font-style:' . $styledata[111] . '; 279 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 280 } 281 ' . $styledata[179] . ';'; 282 ?> 283 284 284 285 </div> 285 286 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style13.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[9] == '' && $filesdata[11] != '') { 44 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 57 55 <div class="oxilab-icon"> 58 56 <div class="oxilab-icon-data"> … … 71 69 </div> 72 70 <div class="oxilab-flip-box-back"> 73 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">71 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 75 73 <div class="oxilab-heading"> 76 74 <?php echo $this->text_render($filesdata[17]); ?> … … 81 79 <?php 82 80 if ($filesdata[9] != '') { 83 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';81 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 84 82 echo '<div class="oxilab-button"> 85 83 <div class="oxilab-button-data"> … … 97 95 </div> 98 96 </div> 99 <?php echo $fileslinkend; 100 echo $this->admin_edit_panel($value['id']); 97 <?php 98 if ($filesdata[9] == '' && $filesdata[11] != '') { 99 echo '</a>'; 100 } 101 echo $this->admin_edit_panel($value['id']); 101 102 ?> 102 103 </div> 103 <style> 104 <?php105 if ($filesdata[5] != '') {106 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{104 105 <?php 106 if ($filesdata[5] != '') { 107 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 107 108 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 108 109 -moz-background-size: 100% 100%; … … 110 111 background-size: 100% 100%; 111 112 }'; 112 }113 if ($filesdata[13] != '') {114 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{113 } 114 if ($filesdata[13] != '') { 115 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 115 116 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 116 117 -moz-background-size: 100% 100%; … … 118 119 background-size: 100% 100%; 119 120 }'; 120 }121 ?>122 </style> 121 } 122 ?> 123 123 124 </div> 124 125 <?php 125 126 endif; 126 127 } 127 ?> 128 <style> 129 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 130 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 131 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 137 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 138 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 139 -o-animation-duration: <?php echo $styledata[57]; ?>s; 140 animation-duration: <?php echo $styledata[57]; ?>s; 141 } 142 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 143 max-width: <?php echo $styledata[45]; ?>px; 128 129 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 130 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 131 -webkit-transition: opacity ' . $styledata[57] . 's linear; 132 -moz-transition: opacity ' . $styledata[57] . 's linear; 133 -ms-transition: opacity ' . $styledata[57] . 's linear; 134 -o-transition: opacity ' . $styledata[57] . 's linear; 135 transition: opacity ' . $styledata[57] . 's linear; 136 -webkit-animation-duration: ' . $styledata[57] . 's; 137 -moz-animation-duration: ' . $styledata[57] . 's; 138 -ms-animation-duration: ' . $styledata[57] . 's; 139 -o-animation-duration: ' . $styledata[57] . 's; 140 animation-duration: ' . $styledata[57] . 's; 141 } 142 .oxilab-flip-box-body-' . $styleid . '{ 143 max-width: ' . $styledata[45] . 'px; 144 144 width: 100%; 145 145 margin: 0 auto; 146 position: relative; 147 } 148 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {149 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;146 position: relative; 147 } 148 .oxilab-flip-box-body-' . $styleid . ':after { 149 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 150 150 content: ""; 151 151 display: block; 152 152 } 153 .oxilab-flip-box- <?php echo $styleid; ?>{153 .oxilab-flip-box-' . $styleid . '{ 154 154 position: absolute; 155 155 top: 0; … … 158 158 bottom: 0; 159 159 display: block; 160 background-color: <?php echo $styledata[5]; ?>;161 -webkit-border-radius: <?php echo $styledata[153]; ?>px;162 -moz-border-radius: <?php echo $styledata[153]; ?>px;163 -ms-border-radius: <?php echo $styledata[153]; ?>px;164 -o-border-radius: <?php echo $styledata[153]; ?>px;165 border-radius: <?php echo $styledata[153]; ?>px;160 background-color: ' . $styledata[5] . '; 161 -webkit-border-radius: ' . $styledata[153] . 'px; 162 -moz-border-radius: ' . $styledata[153] . 'px; 163 -ms-border-radius: ' . $styledata[153] . 'px; 164 -o-border-radius: ' . $styledata[153] . 'px; 165 border-radius: ' . $styledata[153] . 'px; 166 166 overflow: hidden; 167 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;168 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;169 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 } 173 .oxilab-flip-box- <?php echo $styleid; ?>-data{167 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 172 } 173 .oxilab-flip-box-' . $styleid . '-data{ 174 174 position: absolute; 175 175 left: 0%; 176 top: 50%; 177 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;176 top: 50%; 177 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 178 178 -webkit-transform: translateY(-50%); 179 179 -ms-transform: translateY(-50%); … … 183 183 right: 0; 184 184 } 185 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{186 display: block; 187 text-align: center; 188 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;189 } 190 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{191 display: inline-block; 192 -webkit-border-radius: <?php echo $styledata[81]; ?>px;193 -moz-border-radius: <?php echo $styledata[81]; ?>px;194 -ms-border-radius: <?php echo $styledata[81]; ?>px;195 -o-border-radius: <?php echo $styledata[81]; ?>px;196 border-radius: <?php echo $styledata[81]; ?>px;197 padding: 3px; 185 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 186 display: block; 187 text-align: center; 188 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 189 } 190 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 191 display: inline-block; 192 -webkit-border-radius: ' . $styledata[81] . 'px; 193 -moz-border-radius: ' . $styledata[81] . 'px; 194 -ms-border-radius: ' . $styledata[81] . 'px; 195 -o-border-radius: ' . $styledata[81] . 'px; 196 border-radius: ' . $styledata[81] . 'px; 197 padding: 3px; 198 198 border: 2px solid; 199 border-color: <?php echo $styledata[7]; ?>;200 } 201 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{202 line-height: <?php echo $styledata[79]; ?>px;203 width: <?php echo $styledata[79]; ?>px;204 height: <?php echo $styledata[79]; ?>px;205 -webkit-border-radius: <?php echo $styledata[81]; ?>px;206 -moz-border-radius: <?php echo $styledata[81]; ?>px;207 -ms-border-radius: <?php echo $styledata[81]; ?>px;208 -o-border-radius: <?php echo $styledata[81]; ?>px;209 border-radius: <?php echo $styledata[81]; ?>px;210 font-size: 24px; 211 color: <?php echo $styledata[9]; ?>;212 background-color: <?php echo $styledata[11]; ?>;213 } 214 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{215 display: block; 216 color: <?php echo $styledata[13]; ?>;217 text-align: <?php echo $styledata[91]; ?>;218 font-size: <?php echo $styledata[83]; ?>px;219 font-family: <?php echo $this->font_familly($styledata[85]); ?>;220 font-weight: <?php echo $styledata[89]; ?>;221 font-style: <?php echo $styledata[87]; ?>;222 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;223 } 224 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{225 display: block; 226 color: <?php echo $styledata[29]; ?>;227 text-align: <?php echo $styledata[171]; ?>;228 font-size: <?php echo $styledata[163]; ?>px;229 font-family: <?php echo $this->font_familly($styledata[165]); ?>;230 font-weight: <?php echo $styledata[169]; ?>;231 font-style: <?php echo $styledata[167]; ?>;232 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;233 } 234 .oxilab-flip-box-back- <?php echo $styleid; ?>{199 border-color: ' . $styledata[7] . '; 200 } 201 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 202 line-height: ' . $styledata[79] . 'px; 203 width: ' . $styledata[79] . 'px; 204 height: ' . $styledata[79] . 'px; 205 -webkit-border-radius: ' . $styledata[81] . 'px; 206 -moz-border-radius: ' . $styledata[81] . 'px; 207 -ms-border-radius: ' . $styledata[81] . 'px; 208 -o-border-radius: ' . $styledata[81] . 'px; 209 border-radius: ' . $styledata[81] . 'px; 210 font-size: 24px; 211 color: ' . $styledata[9] . '; 212 background-color: ' . $styledata[11] . '; 213 } 214 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 215 display: block; 216 color: ' . $styledata[13] . '; 217 text-align: ' . $styledata[91] . '; 218 font-size: ' . $styledata[83] . 'px; 219 font-family: ' . $this->font_familly($styledata[85]) . '; 220 font-weight: ' . $styledata[89] . '; 221 font-style:' . $styledata[87] . '; 222 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 223 } 224 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 225 display: block; 226 color: ' . $styledata[29] . '; 227 text-align: ' . $styledata[171] . '; 228 font-size: ' . $styledata[163] . 'px; 229 font-family: ' . $this->font_familly($styledata[165]) . '; 230 font-weight: ' . $styledata[169] . '; 231 font-style:' . $styledata[167] . '; 232 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 233 } 234 .oxilab-flip-box-back-' . $styleid . '{ 235 235 position: absolute; 236 236 top: 0; … … 239 239 bottom: 0; 240 240 display: block; 241 background-color: <?php echo $styledata[15]; ?>;242 -webkit-border-radius: <?php echo $styledata[153]; ?>px;243 -moz-border-radius: <?php echo $styledata[153]; ?>px;244 -ms-border-radius: <?php echo $styledata[153]; ?>px;245 -o-border-radius: <?php echo $styledata[153]; ?>px;246 border-radius: <?php echo $styledata[153]; ?>px;241 background-color: ' . $styledata[15] . '; 242 -webkit-border-radius:' . $styledata[153] . 'px; 243 -moz-border-radius:' . $styledata[153] . 'px; 244 -ms-border-radius:' . $styledata[153] . 'px; 245 -o-border-radius:' . $styledata[153] . 'px; 246 border-radius:' . $styledata[153] . 'px; 247 247 overflow: hidden; 248 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;249 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;250 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;251 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;252 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;253 } 254 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{248 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 249 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 250 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 251 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 252 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 253 } 254 .oxilab-flip-box-back-' . $styleid . '-data{ 255 255 position: absolute; 256 256 left: 0%; 257 257 right: 0; 258 top: 50%; 259 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;258 top: 50%; 259 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 260 260 -webkit-transform: translateY(-50%); 261 261 -ms-transform: translateY(-50%); 262 262 -moz-transform: translateY(-50%); 263 263 -o-transform: translateY(-50%); 264 transform: translateY(-50%); 265 } 266 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 267 display: block; 268 color: <?php echo $styledata[31]; ?>; 269 text-align: <?php echo $styledata[189]; ?>; 270 font-size: <?php echo $styledata[181]; ?>px; 271 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 272 font-weight: <?php echo $styledata[187]; ?>; 273 font-style:<?php echo $styledata[185]; ?>; 274 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 275 276 } 277 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 278 display: block; 279 color: <?php echo $styledata[19]; ?>; 280 text-align: <?php echo $styledata[115]; ?>; 281 font-size: <?php echo $styledata[107]; ?>px; 282 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 283 font-weight: <?php echo $styledata[113]; ?>; 284 font-style:<?php echo $styledata[111]; ?>; 285 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 286 287 } 288 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 289 display: block; 290 text-align: <?php echo $styledata[139]; ?>; 291 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 292 293 } 294 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 295 display: inline-block; 296 color: <?php echo $styledata[21]; ?>; 297 background-color: <?php echo $styledata[23]; ?>; 298 font-size: <?php echo $styledata[125]; ?>px; 299 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 300 font-weight: <?php echo $styledata[131]; ?>; 301 font-style:<?php echo $styledata[129]; ?>; 302 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 303 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 304 -moz-border-radius: <?php echo $styledata[137]; ?>px; 305 -ms-border-radius: <?php echo $styledata[137]; ?>px; 306 -o-border-radius: <?php echo $styledata[137]; ?>px; 307 border-radius: <?php echo $styledata[137]; ?>px; 308 } 309 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 310 background-color: <?php echo $styledata[27]; ?>; 311 color: <?php echo $styledata[25]; ?>; 312 } 313 <?php echo $styledata[199]; ?>; 314 </style> 264 transform: translateY(-50%); 265 } 266 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 267 display: block; 268 color: ' . $styledata[31] . '; 269 text-align: ' . $styledata[189] . '; 270 font-size: ' . $styledata[181] . 'px; 271 font-family: ' . $this->font_familly($styledata[183]) . '; 272 font-weight: ' . $styledata[187] . '; 273 font-style:' . $styledata[185] . '; 274 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 275 276 } 277 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 278 display: block; 279 color: ' . $styledata[19] . '; 280 text-align: ' . $styledata[115] . '; 281 font-size: ' . $styledata[107] . 'px; 282 font-family: ' . $this->font_familly($styledata[109]) . '; 283 font-weight: ' . $styledata[113] . '; 284 font-style:' . $styledata[111] . '; 285 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 286 287 } 288 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 289 display: block; 290 text-align: ' . $styledata[139] . '; 291 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 292 293 } 294 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 295 display: inline-block; 296 color: ' . $styledata[21] . '; 297 background-color: ' . $styledata[23] . '; 298 font-size: ' . $styledata[125] . 'px; 299 font-family: ' . $this->font_familly($styledata[127]) . '; 300 font-weight: ' . $styledata[131] . '; 301 font-style:' . $styledata[129] . '; 302 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 303 -webkit-border-radius: ' . $styledata[137] . 'px; 304 -moz-border-radius: ' . $styledata[137] . 'px; 305 -ms-border-radius: ' . $styledata[137] . 'px; 306 -o-border-radius: ' . $styledata[137] . 'px; 307 border-radius: ' . $styledata[137] . 'px; 308 } 309 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 310 background-color: ' . $styledata[27] . '; 311 color: ' . $styledata[25] . '; 312 } 313 ' . $styledata[199] . ';'; 314 ?> 315 315 316 </div> 316 317 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style14.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[9] == '' && $filesdata[11] != '') { 44 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data2"> 57 55 <div class="oxilab-icon"> 58 56 <div class="oxilab-icon-data"> 59 57 <div class="oxilab-span"> 60 58 <?php echo $this->text_render($filesdata[3]); ?> 61 </div> 59 </div> 62 60 </div> 63 61 </div> 64 62 </div> 65 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">63 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 66 64 <div class="oxilab-heading"> 67 65 <?php echo $this->text_render($filesdata[1]); ?> … … 75 73 </div> 76 74 <div class="oxilab-flip-box-back"> 77 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">78 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data2">75 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 76 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data2"> 79 77 <div class="oxilab-icon"> 80 78 <div class="oxilab-icon-data"> … … 83 81 </div> 84 82 </div> 85 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">83 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 86 84 <div class="oxilab-heading"> 87 85 <?php echo $this->text_render($filesdata[17]); ?> … … 92 90 <?php 93 91 if ($filesdata[9] != '') { 94 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';92 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 95 93 echo '<div class="oxilab-button"> 96 94 <div class="oxilab-button-data"> … … 109 107 </div> 110 108 </div> 111 <?php echo $fileslinkend; 112 echo $this->admin_edit_panel($value['id']); 109 <?php 110 if ($filesdata[9] == '' && $filesdata[11] != '') { 111 echo '</a>'; 112 } 113 echo $this->admin_edit_panel($value['id']); 113 114 ?> 114 115 </div> … … 116 117 <?php 117 118 if ($filesdata[5] != '') { 118 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{119 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{ 119 120 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 120 121 -moz-background-size: 100% 100%; … … 124 125 } 125 126 if ($filesdata[13] != '') { 126 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{127 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{ 127 128 background: linear-gradient(' . $styledata[17] . ', ' . $styledata[17] . '), url("' . $filesdata[13] . '"); 128 129 -moz-background-size: 100% 100%; … … 131 132 }'; 132 133 } 133 ?> 134 ?> 134 135 </style> 135 136 </div> … … 137 138 endif; 138 139 } 139 ?> 140 141 <style> 142 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 143 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 144 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 145 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 146 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 147 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 148 transition: opacity <?php echo $styledata[57]; ?>s linear; 149 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 150 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 151 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 152 -o-animation-duration: <?php echo $styledata[57]; ?>s; 153 animation-duration: <?php echo $styledata[57]; ?>s; 154 } 155 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 156 max-width: <?php echo $styledata[45]; ?>px; 140 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 141 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 142 -webkit-transition: opacity ' . $styledata[57] . 's linear; 143 -moz-transition: opacity ' . $styledata[57] . 's linear; 144 -ms-transition: opacity ' . $styledata[57] . 's linear; 145 -o-transition: opacity ' . $styledata[57] . 's linear; 146 transition: opacity ' . $styledata[57] . 's linear; 147 -webkit-animation-duration: ' . $styledata[57] . 's; 148 -moz-animation-duration: ' . $styledata[57] . 's; 149 -ms-animation-duration: ' . $styledata[57] . 's; 150 -o-animation-duration: ' . $styledata[57] . 's; 151 animation-duration: ' . $styledata[57] . 's; 152 } 153 .oxilab-flip-box-body-' . $styleid . '{ 154 max-width: ' . $styledata[45] . 'px; 157 155 width: 100%; 158 156 margin: 0 auto; 159 position: relative; 160 } 161 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {162 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;157 position: relative; 158 } 159 .oxilab-flip-box-body-' . $styleid . ':after { 160 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 163 161 content: ""; 164 162 display: block; 165 163 } 166 .oxilab-flip-box-body- <?php echo $styleid; ?>.oxilab-flip-box-front{167 border-width: <?php echo $styledata[125]; ?>px;168 border-style: <?php echo $styledata[127]; ?>;169 -webkit-border-radius: <?php echo $styledata[129]; ?>px;170 -moz-border-radius: <?php echo $styledata[129]; ?>px;171 -ms-border-radius: <?php echo $styledata[129]; ?>px;172 -o-border-radius: <?php echo $styledata[129]; ?>px;173 border-radius: <?php echo $styledata[129]; ?>px;174 border-color: <?php echo $styledata[7]; ?>;175 background-color: <?php echo $styledata[5]; ?>;164 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{ 165 border-width: ' . $styledata[125] . 'px; 166 border-style:' . $styledata[127] . '; 167 -webkit-border-radius: ' . $styledata[129] . 'px; 168 -moz-border-radius: ' . $styledata[129] . 'px; 169 -ms-border-radius: ' . $styledata[129] . 'px; 170 -o-border-radius: ' . $styledata[129] . 'px; 171 border-radius: ' . $styledata[129] . 'px; 172 border-color: ' . $styledata[7] . '; 173 background-color: ' . $styledata[5] . '; 176 174 overflow: hidden; 177 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;178 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;179 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;180 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;181 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;182 } 183 .oxilab-flip-box- <?php echo $styleid; ?>{184 position: absolute; 185 top: <?php echo $styledata[71]; ?>px;186 left: <?php echo $styledata[73]; ?>px;187 right: <?php echo $styledata[73]; ?>px;188 bottom: <?php echo $styledata[71]; ?>px;189 border-width: <?php echo $styledata[179]; ?>px;190 border-style: <?php echo $styledata[181]; ?>;191 border-color: <?php echo $styledata[27]; ?>;192 display: block; 193 -webkit-border-radius: <?php echo $styledata[183]; ?>px;194 -moz-border-radius: <?php echo $styledata[183]; ?>px;195 -ms-border-radius: <?php echo $styledata[183]; ?>px;196 -o-border-radius: <?php echo $styledata[183]; ?>px;197 border-radius: <?php echo $styledata[183]; ?>px;175 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 176 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 177 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 178 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 179 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 180 } 181 .oxilab-flip-box-' . $styleid . '{ 182 position: absolute; 183 top: ' . $styledata[71] . 'px; 184 left: ' . $styledata[73] . 'px; 185 right: ' . $styledata[73] . 'px; 186 bottom: ' . $styledata[71] . 'px; 187 border-width: ' . $styledata[179] . 'px; 188 border-style:' . $styledata[181] . '; 189 border-color: ' . $styledata[27] . '; 190 display: block; 191 -webkit-border-radius: ' . $styledata[183] . 'px; 192 -moz-border-radius: ' . $styledata[183] . 'px; 193 -ms-border-radius: ' . $styledata[183] . 'px; 194 -o-border-radius: ' . $styledata[183] . 'px; 195 border-radius: ' . $styledata[183] . 'px; 198 196 overflow: hidden; 199 197 } 200 .oxilab-flip-box- <?php echo $styleid; ?>-data2{201 position: absolute; 202 top: 0%; 203 left: 50%; 198 .oxilab-flip-box-' . $styleid . '-data2{ 199 position: absolute; 200 top: 0%; 201 left: 50%; 204 202 -webkit-transform: translateX(-50%); 205 203 -ms-transform: translateX(-50%); … … 207 205 -o-transform: translateX(-50%); 208 206 transform: translateX(-50%); 209 background-color: <?php echo $styledata[11]; ?>;210 height: <?php echo $styledata[75]; ?>px;211 width: <?php echo $styledata[79]; ?>px;212 -webkit-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;213 -moz-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;214 -ms-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;215 -o-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;216 border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;207 background-color: ' . $styledata[11] . '; 208 height: ' . $styledata[75] . 'px; 209 width: ' . $styledata[79] . 'px; 210 -webkit-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 211 -moz-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 212 -ms-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 213 -o-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 214 border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 217 215 -webkit-box-shadow: 0 0 3px 0 #666666; 218 216 -moz-box-shadow: 0 0 3px 0 #666666; … … 221 219 box-shadow: 0 0 3px 0 #666666; 222 220 } 223 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon{224 position: absolute; 225 bottom: 0; 221 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon{ 222 position: absolute; 223 bottom: 0; 226 224 width: 100%; 227 225 display: block; 228 text-align: center; 229 } 230 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon-data{231 display: inline-block; 232 width: <?php echo $styledata[79]; ?>px;233 height: <?php echo $styledata[79]; ?>px;234 -webkit-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;235 -moz-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;236 -ms-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;237 -o-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;238 border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;239 } 240 .oxilab-flip-box- <?php echo $styleid; ?>-data2 .oxilab-icon-data .oxilab-span{241 line-height: <?php echo $styledata[79]; ?>px;242 font-size: <?php echo $styledata[77]; ?>px;243 color: <?php echo $styledata[9]; ?>;244 } 245 .oxilab-flip-box- <?php echo $styleid; ?>-data{226 text-align: center; 227 } 228 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data{ 229 display: inline-block; 230 width: ' . $styledata[79] . 'px; 231 height: ' . $styledata[79] . 'px; 232 -webkit-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 233 -moz-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 234 -ms-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 235 -o-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 236 border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px; 237 } 238 .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxilab-span{ 239 line-height:' . $styledata[79] . 'px; 240 font-size: ' . $styledata[77] . 'px; 241 color: ' . $styledata[9] . '; 242 } 243 .oxilab-flip-box-' . $styleid . '-data{ 246 244 position: absolute; 247 245 left: 0%; 248 top: <?php echo $styledata[75]; ?>px;249 padding: <?php echo $styledata[185]; ?>px <?php echo $styledata[187]; ?>px;246 top: ' . $styledata[75] . 'px; 247 padding: ' . $styledata[185] . 'px ' . $styledata[187] . 'px; 250 248 right: 0; 251 249 } 252 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{253 display: block; 254 color: <?php echo $styledata[13]; ?>;255 text-align: <?php echo $styledata[91]; ?>;256 font-size: <?php echo $styledata[83]; ?>px;257 font-family: <?php echo $this->font_familly($styledata[85]); ?>;258 font-weight: <?php echo $styledata[89]; ?>;259 font-style: <?php echo $styledata[87]; ?>;260 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;261 262 } 263 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{264 display: block; 265 color: <?php echo $styledata[15]; ?>;266 text-align: <?php echo $styledata[147]; ?>;267 font-size: <?php echo $styledata[139]; ?>px;268 font-family: <?php echo $this->font_familly($styledata[141]); ?>;269 font-weight: <?php echo $styledata[145]; ?>;270 font-style: <?php echo $styledata[143]; ?>;271 padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;272 273 } 274 .oxilab-flip-box-body- <?php echo $styleid; ?>.oxilab-flip-box-back{275 border-width: <?php echo $styledata[131]; ?>px;276 border-style: <?php echo $styledata[133]; ?>;277 border-color: <?php echo $styledata[19]; ?>;278 background-color: <?php echo $styledata[17]; ?>;279 -webkit-border-radius: <?php echo $styledata[129]; ?>px;280 -moz-border-radius: <?php echo $styledata[129]; ?>px;281 -ms-border-radius: <?php echo $styledata[129]; ?>px;282 -o-border-radius: <?php echo $styledata[129]; ?>px;283 border-radius: <?php echo $styledata[129]; ?>px;250 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 251 display: block; 252 color: ' . $styledata[13] . '; 253 text-align: ' . $styledata[91] . '; 254 font-size: ' . $styledata[83] . 'px; 255 font-family: ' . $this->font_familly($styledata[85]) . '; 256 font-weight: ' . $styledata[89] . '; 257 font-style:' . $styledata[87] . '; 258 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 259 260 } 261 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 262 display: block; 263 color: ' . $styledata[15] . '; 264 text-align: ' . $styledata[147] . '; 265 font-size: ' . $styledata[139] . 'px; 266 font-family: ' . $this->font_familly($styledata[141]) . '; 267 font-weight: ' . $styledata[145] . '; 268 font-style:' . $styledata[143] . '; 269 padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px; 270 271 } 272 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{ 273 border-width: ' . $styledata[131] . 'px; 274 border-style:' . $styledata[133] . '; 275 border-color: ' . $styledata[19] . '; 276 background-color: ' . $styledata[17] . '; 277 -webkit-border-radius: ' . $styledata[129] . 'px; 278 -moz-border-radius: ' . $styledata[129] . 'px; 279 -ms-border-radius: ' . $styledata[129] . 'px; 280 -o-border-radius: ' . $styledata[129] . 'px; 281 border-radius: ' . $styledata[129] . 'px; 284 282 overflow: hidden; 285 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;286 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;287 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;288 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;289 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;290 } 291 .oxilab-flip-box-back- <?php echo $styleid; ?>{292 position: absolute; 293 top: <?php echo $styledata[101]; ?>px;294 left: <?php echo $styledata[103]; ?>px;295 right: <?php echo $styledata[103]; ?>px;296 bottom: <?php echo $styledata[101]; ?>px;297 border-width: <?php echo $styledata[189]; ?>px;298 border-style: <?php echo $styledata[191]; ?>;299 border-color: <?php echo $styledata[29]; ?>;300 display: block; 301 -webkit-border-radius: <?php echo $styledata[193]; ?>px;302 -moz-border-radius: <?php echo $styledata[193]; ?>px;303 -ms-border-radius: <?php echo $styledata[193]; ?>px;304 -o-border-radius: <?php echo $styledata[193]; ?>px;305 border-radius: <?php echo $styledata[193]; ?>px;283 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 284 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 285 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 286 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 287 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 288 } 289 .oxilab-flip-box-back-' . $styleid . '{ 290 position: absolute; 291 top: ' . $styledata[101] . 'px; 292 left: ' . $styledata[103] . 'px; 293 right: ' . $styledata[103] . 'px; 294 bottom: ' . $styledata[101] . 'px; 295 border-width: ' . $styledata[189] . 'px; 296 border-style:' . $styledata[191] . '; 297 border-color: ' . $styledata[29] . '; 298 display: block; 299 -webkit-border-radius: ' . $styledata[193] . 'px; 300 -moz-border-radius: ' . $styledata[193] . 'px; 301 -ms-border-radius: ' . $styledata[193] . 'px; 302 -o-border-radius: ' . $styledata[193] . 'px; 303 border-radius: ' . $styledata[193] . 'px; 306 304 overflow: hidden; 307 305 } 308 .oxilab-flip-box-back- <?php echo $styleid; ?>-data2{309 position: absolute; 310 top: 0%; 311 left: 50%; 306 .oxilab-flip-box-back-' . $styleid . '-data2{ 307 position: absolute; 308 top: 0%; 309 left: 50%; 312 310 -webkit-transform: translateX(-50%); 313 311 -ms-transform: translateX(-50%); … … 315 313 -o-transform: translateX(-50%); 316 314 transform: translateX(-50%); 317 height: <?php echo $styledata[203]; ?>px;318 width: <?php echo $styledata[201]; ?>px;319 background-color: <?php echo $styledata[41]; ?>;320 -webkit-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;321 -moz-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;322 -ms-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;323 -o-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;324 border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;315 height: ' . $styledata[203] . 'px; 316 width: ' . $styledata[201] . 'px; 317 background-color: ' . $styledata[41] . '; 318 -webkit-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px; 319 -moz-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px; 320 -ms-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px; 321 -o-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px; 322 border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px; 325 323 -webkit-box-shadow: 0 0 3px 0 #666666; 326 324 -moz-box-shadow: 0 0 3px 0 #666666; … … 329 327 box-shadow: 0 0 3px 0 #666666; 330 328 } 331 .oxilab-flip-box-back- <?php echo $styleid; ?>-data2 .oxilab-icon{332 position: absolute; 333 bottom: 0; 329 .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon{ 330 position: absolute; 331 bottom: 0; 334 332 width: 100%; 335 333 display: block; 336 text-align: center; 337 } 338 .oxilab-flip-box-back- <?php echo $styleid; ?>-data2 .oxilab-icon-data{339 display: inline-block; 340 width: <?php echo $styledata[201]; ?>px;341 height: <?php echo $styledata[201]; ?>px;342 } 343 .oxilab-flip-box-back- <?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{344 line-height: <?php echo $styledata[201]; ?>px;345 font-size: <?php echo $styledata[199]; ?>px;346 color: <?php echo $styledata[39]; ?>;347 } 348 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{334 text-align: center; 335 } 336 .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon-data{ 337 display: inline-block; 338 width: ' . $styledata[201] . 'px; 339 height: ' . $styledata[201] . 'px; 340 } 341 .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{ 342 line-height: ' . $styledata[201] . 'px; 343 font-size: ' . $styledata[199] . 'px; 344 color: ' . $styledata[39] . '; 345 } 346 .oxilab-flip-box-back-' . $styleid . '-data{ 349 347 position: absolute; 350 348 left: 0%; 351 349 right: 0; 352 top: <?php echo $styledata[203]; ?>px; 353 padding: <?php echo $styledata[195]; ?>px <?php echo $styledata[197]; ?>px; 354 } 355 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 356 display: block; 357 color: <?php echo $styledata[21]; ?>; 358 text-align: <?php echo $styledata[165]; ?>; 359 font-size: <?php echo $styledata[157]; ?>px; 360 font-family: <?php echo $this->font_familly($styledata[159]); ?>; 361 font-weight: <?php echo $styledata[163]; ?>; 362 font-style:<?php echo $styledata[161]; ?>; 363 padding:<?php echo $styledata[167]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px; 364 } 365 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 366 display: block; 367 color: <?php echo $styledata[25]; ?>; 368 text-align: <?php echo $styledata[115]; ?>; 369 font-size: <?php echo $styledata[107]; ?>px; 370 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 371 font-weight: <?php echo $styledata[113]; ?>; 372 font-style:<?php echo $styledata[111]; ?>; 373 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 374 375 } 376 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 377 display: block; 378 text-align: <?php echo $styledata[225]; ?>; 379 padding: <?php echo $styledata[227]; ?>px <?php echo $styledata[233]; ?>px <?php echo $styledata[229]; ?>px <?php echo $styledata[231]; ?>px; 380 381 } 382 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 383 display: inline-block; 384 color: <?php echo $styledata[31]; ?>; 385 background-color: <?php echo $styledata[33]; ?>; 386 font-size: <?php echo $styledata[211]; ?>px; 387 font-family: <?php echo $this->font_familly($styledata[213]); ?>; 388 font-weight: <?php echo $styledata[217]; ?>; 389 font-style:<?php echo $styledata[215]; ?>; 390 padding: <?php echo $styledata[219]; ?>px <?php echo $styledata[221]; ?>px; 391 -webkit-border-radius: <?php echo $styledata[223]; ?>px; 392 -moz-border-radius: <?php echo $styledata[223]; ?>px; 393 -ms-border-radius: <?php echo $styledata[223]; ?>px; 394 -o-border-radius: <?php echo $styledata[223]; ?>px; 395 border-radius: <?php echo $styledata[223]; ?>px; 396 } 397 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 398 background-color: <?php echo $styledata[37]; ?>; 399 color: <?php echo $styledata[35]; ?>; 400 } 401 <?php echo $styledata[235]; ?>; 402 </style> 350 top: ' . $styledata[203] . 'px; 351 padding: ' . $styledata[195] . 'px ' . $styledata[197] . 'px; 352 } 353 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 354 display: block; 355 color: ' . $styledata[21] . '; 356 text-align: ' . $styledata[165] . '; 357 font-size: ' . $styledata[157] . 'px; 358 font-family: ' . $this->font_familly($styledata[159]) . '; 359 font-weight: ' . $styledata[163] . '; 360 font-style:' . $styledata[161] . '; 361 padding:' . $styledata[167] . 'px ' . $styledata[173] . 'px ' . $styledata[169] . 'px ' . $styledata[171] . 'px; 362 } 363 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 364 display: block; 365 color: ' . $styledata[25] . '; 366 text-align: ' . $styledata[115] . '; 367 font-size: ' . $styledata[107] . 'px; 368 font-family: ' . $this->font_familly($styledata[109]) . '; 369 font-weight: ' . $styledata[113] . '; 370 font-style:' . $styledata[111] . '; 371 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 372 373 } 374 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 375 display: block; 376 text-align: ' . $styledata[225] . '; 377 padding: ' . $styledata[227] . 'px ' . $styledata[233] . 'px ' . $styledata[229] . 'px ' . $styledata[231] . 'px; 378 379 } 380 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 381 display: inline-block; 382 color: ' . $styledata[31] . '; 383 background-color: ' . $styledata[33] . '; 384 font-size: ' . $styledata[211] . 'px; 385 font-family: ' . $this->font_familly($styledata[213]) . '; 386 font-weight: ' . $styledata[217] . '; 387 font-style:' . $styledata[215] . '; 388 padding: ' . $styledata[219] . 'px ' . $styledata[221] . 'px; 389 -webkit-border-radius: ' . $styledata[223] . 'px; 390 -moz-border-radius: ' . $styledata[223] . 'px; 391 -ms-border-radius: ' . $styledata[223] . 'px; 392 -o-border-radius: ' . $styledata[223] . 'px; 393 border-radius: ' . $styledata[223] . 'px; 394 } 395 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 396 background-color: ' . $styledata[37] . '; 397 color: ' . $styledata[35] . '; 398 } 399 ' . $styledata[235] . ';'; 400 ?> 401 402 403 403 </div> 404 404 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style15.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[9] == '' && $filesdata[11] != '') { 44 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 57 55 <div class="oxilab-heading"> 58 56 <?php echo $this->text_render($filesdata[1]); ?> 59 <div class="oxilab-span"> 57 <div class="oxilab-span"> 60 58 </div> 61 59 </div> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-icon"> 73 71 <div class="oxilab-icon-data"> … … 77 75 <?php 78 76 if ($filesdata[9] != '') { 79 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';77 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 80 78 echo '<div class="oxilab-button"> 81 79 <div class="oxilab-button-data"> … … 94 92 </div> 95 93 <?php 96 echo $fileslinkend; 94 if ($filesdata[9] == '' && $filesdata[11] != '') { 95 echo '</a>'; 96 } 97 97 echo $this->admin_edit_panel($value['id']); 98 98 ?> … … 103 103 <?php 104 104 if ($filesdata[5] != '') { 105 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{105 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 106 106 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 107 107 -moz-background-size: 100% 100%; … … 111 111 } 112 112 if ($filesdata[13] != '') { 113 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{113 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 114 114 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[13] . '"); 115 115 -moz-background-size: 100% 100%; … … 118 118 }'; 119 119 } 120 ?> 120 ?> 121 121 </style> 122 122 </div> … … 124 124 endif; 125 125 } 126 ?> 127 128 <style> 129 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 130 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 131 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 137 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 138 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 139 -o-animation-duration: <?php echo $styledata[57]; ?>s; 140 animation-duration: <?php echo $styledata[57]; ?>s; 141 } 142 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 143 max-width: <?php echo $styledata[45]; ?>px; 126 $this->inline_css .= ' .oxilab-flip-box-padding-' . $styleid . '{ 127 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 128 -webkit-transition: opacity ' . $styledata[57] . 's linear; 129 -moz-transition: opacity ' . $styledata[57] . 's linear; 130 -ms-transition: opacity ' . $styledata[57] . 's linear; 131 -o-transition: opacity ' . $styledata[57] . 's linear; 132 transition: opacity ' . $styledata[57] . 's linear; 133 -webkit-animation-duration: ' . $styledata[57] . 's; 134 -moz-animation-duration: ' . $styledata[57] . 's; 135 -ms-animation-duration: ' . $styledata[57] . 's; 136 -o-animation-duration: ' . $styledata[57] . 's; 137 animation-duration: ' . $styledata[57] . 's; 138 } 139 .oxilab-flip-box-body-' . $styleid . '{ 140 max-width: ' . $styledata[45] . 'px; 144 141 width: 100%; 145 142 margin: 0 auto; 146 position: relative; 147 } 148 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {149 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;143 position: relative; 144 } 145 .oxilab-flip-box-body-' . $styleid . ':after { 146 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 150 147 content: ""; 151 148 display: block; 152 149 } 153 .oxilab-flip-box- <?php echo $styleid; ?>{150 .oxilab-flip-box-' . $styleid . '{ 154 151 position: absolute; 155 152 top: 0; … … 157 154 right: 0; 158 155 bottom: 0; 159 border-width: <?php echo $styledata[125]; ?>px;160 border-style: <?php echo $styledata[127]; ?>;161 border-color: <?php echo $styledata[7]; ?>;162 background-color: <?php echo $styledata[5]; ?>;163 display: block; 164 -webkit-border-radius: <?php echo $styledata[129]; ?>px;165 -moz-border-radius: <?php echo $styledata[129]; ?>px;166 -ms-border-radius: <?php echo $styledata[129]; ?>px;167 -o-border-radius: <?php echo $styledata[129]; ?>px;168 border-radius: <?php echo $styledata[129]; ?>px;156 border-width: ' . $styledata[125] . 'px; 157 border-style:' . $styledata[127] . '; 158 border-color: ' . $styledata[7] . '; 159 background-color: ' . $styledata[5] . '; 160 display: block; 161 -webkit-border-radius: ' . $styledata[129] . 'px; 162 -moz-border-radius: ' . $styledata[129] . 'px; 163 -ms-border-radius: ' . $styledata[129] . 'px; 164 -o-border-radius: ' . $styledata[129] . 'px; 165 border-radius: ' . $styledata[129] . 'px; 169 166 overflow: hidden; 170 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;174 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;175 } 176 .oxilab-flip-box- <?php echo $styleid; ?>-data{167 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 172 } 173 .oxilab-flip-box-' . $styleid . '-data{ 177 174 position: absolute; 178 175 left: 0%; 179 top: 50%; 180 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;176 top: 50%; 177 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 181 178 -webkit-transform: translateY(-50%); 182 179 -ms-transform: translateY(-50%); … … 186 183 right: 0; 187 184 } 188 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{185 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 189 186 display: block; 190 187 position: relative; 191 color: <?php echo $styledata[9]; ?>;192 text-align: <?php echo $styledata[91]; ?>;193 font-size: <?php echo $styledata[83]; ?>px;194 font-family: <?php echo $this->font_familly($styledata[85]); ?>;195 font-weight: <?php echo $styledata[89]; ?>;196 font-style: <?php echo $styledata[87]; ?>;197 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;198 199 } 200 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{188 color: ' . $styledata[9] . '; 189 text-align: ' . $styledata[91] . '; 190 font-size: ' . $styledata[83] . 'px; 191 font-family: ' . $this->font_familly($styledata[85]) . '; 192 font-weight: ' . $styledata[89] . '; 193 font-style:' . $styledata[87] . '; 194 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 195 196 } 197 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading .oxilab-span{ 201 198 position: absolute; 202 199 left: 50%; 203 bottom: 0%; 200 bottom: 0%; 204 201 -webkit-transform: translateX(-50%); 205 202 -ms-transform: translateX(-50%); … … 207 204 -o-transform: translateX(-50%); 208 205 transform: translateX(-50%); 209 width: <?php echo $styledata[157]; ?>px;210 height: <?php echo $styledata[159]; ?>px;211 background-color: <?php echo $styledata[17]; ?>;212 } 213 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{214 display: block; 206 width: ' . $styledata[157] . 'px; 207 height: ' . $styledata[159] . 'px; 208 background-color: ' . $styledata[17] . '; 209 } 210 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 211 display: block; 215 212 line-height: 180%; 216 color: <?php echo $styledata[11]; ?>;217 text-align: <?php echo $styledata[147]; ?>;218 font-size: <?php echo $styledata[139]; ?>px;219 font-family: <?php echo $this->font_familly($styledata[141]); ?>;220 font-weight: <?php echo $styledata[145]; ?>;221 font-style: <?php echo $styledata[143]; ?>;222 padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;223 } 224 .oxilab-flip-box-back- <?php echo $styleid; ?>{213 color: ' . $styledata[11] . '; 214 text-align: ' . $styledata[147] . '; 215 font-size: ' . $styledata[139] . 'px; 216 font-family: ' . $this->font_familly($styledata[141]) . '; 217 font-weight: ' . $styledata[145] . '; 218 font-style:' . $styledata[143] . '; 219 padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px; 220 } 221 .oxilab-flip-box-back-' . $styleid . '{ 225 222 position: absolute; 226 223 top: 0; … … 228 225 right: 0; 229 226 bottom: 0; 230 border-width: <?php echo $styledata[131]; ?>px;231 border-style: <?php echo $styledata[133]; ?>;232 border-color: <?php echo $styledata[15]; ?>;233 background-color: <?php echo $styledata[13]; ?>;234 display: block; 235 -webkit-border-radius: <?php echo $styledata[129]; ?>px;236 -moz-border-radius: <?php echo $styledata[129]; ?>px;237 -ms-border-radius: <?php echo $styledata[129]; ?>px;238 -o-border-radius: <?php echo $styledata[129]; ?>px;239 border-radius: <?php echo $styledata[129]; ?>px;227 border-width: ' . $styledata[131] . 'px; 228 border-style:' . $styledata[133] . '; 229 border-color: ' . $styledata[15] . '; 230 background-color: ' . $styledata[13] . '; 231 display: block; 232 -webkit-border-radius: ' . $styledata[129] . 'px; 233 -moz-border-radius: ' . $styledata[129] . 'px; 234 -ms-border-radius: ' . $styledata[129] . 'px; 235 -o-border-radius: ' . $styledata[129] . 'px; 236 border-radius: ' . $styledata[129] . 'px; 240 237 overflow: hidden; 241 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;242 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;243 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;244 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;245 } 246 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{238 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 239 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 240 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 241 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 242 } 243 .oxilab-flip-box-back-' . $styleid . '-data{ 247 244 position: absolute; 248 245 left: 0%; 249 246 right: 0; 250 top: 50%; 251 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;247 top: 50%; 248 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 252 249 -webkit-transform: translateY(-50%); 253 250 -ms-transform: translateY(-50%); 254 251 -moz-transform: translateY(-50%); 255 252 -o-transform: translateY(-50%); 256 transform: translateY(-50%); 257 } 258 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{ 259 display: block; 260 text-align: center; 261 padding: <?php echo $styledata[109]; ?>px <?php echo $styledata[111]; ?>px; 262 } 263 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{ 264 display: inline-block; 265 width: <?php echo $styledata[107]; ?>px; 266 height: <?php echo $styledata[107]; ?>px; 267 } 268 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{ 269 line-height: <?php echo $styledata[107]; ?>px; 270 font-size: <?php echo $styledata[105]; ?>px; 271 color: <?php echo $styledata[27]; ?>; 272 } 273 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 274 display: block; 275 text-align: <?php echo $styledata[175]; ?>; 276 padding: <?php echo $styledata[177]; ?>px <?php echo $styledata[183]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[181]; ?>px; 277 } 278 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 279 display: inline-block; 280 color: <?php echo $styledata[19]; ?>; 281 background-color: <?php echo $styledata[21]; ?>; 282 font-size: <?php echo $styledata[161]; ?>px; 283 font-family: <?php echo $this->font_familly($styledata[163]); ?>; 284 font-weight: <?php echo $styledata[167]; ?>; 285 font-style:<?php echo $styledata[165]; ?>; 286 padding: <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px; 287 -webkit-border-radius: <?php echo $styledata[173]; ?>px; 288 -moz-border-radius: <?php echo $styledata[173]; ?>px; 289 -ms-border-radius: <?php echo $styledata[173]; ?>px; 290 -o-border-radius: <?php echo $styledata[173]; ?>px; 291 border-radius: <?php echo $styledata[173]; ?>px; 292 } 293 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 294 background-color: <?php echo $styledata[25]; ?>; 295 color: <?php echo $styledata[23]; ?>; 296 } 297 <?php echo $styledata[185]; ?>; 298 </style> 253 transform: translateY(-50%); 254 } 255 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{ 256 display: block; 257 text-align: center; 258 padding: ' . $styledata[109] . 'px ' . $styledata[111] . 'px; 259 } 260 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{ 261 display: inline-block; 262 width: ' . $styledata[107] . 'px; 263 height: ' . $styledata[107] . 'px; 264 } 265 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 266 line-height: ' . $styledata[107] . 'px; 267 font-size: ' . $styledata[105] . 'px; 268 color: ' . $styledata[27] . '; 269 } 270 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 271 display: block; 272 text-align: ' . $styledata[175] . '; 273 padding: ' . $styledata[177] . 'px ' . $styledata[183] . 'px ' . $styledata[179] . 'px ' . $styledata[181] . 'px; 274 } 275 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 276 display: inline-block; 277 color: ' . $styledata[19] . '; 278 background-color: ' . $styledata[21] . '; 279 font-size: ' . $styledata[161] . 'px; 280 font-family: ' . $this->font_familly($styledata[163]) . '; 281 font-weight: ' . $styledata[167] . '; 282 font-style:' . $styledata[165] . '; 283 padding: ' . $styledata[169] . 'px ' . $styledata[171] . 'px; 284 -webkit-border-radius: ' . $styledata[173] . 'px; 285 -moz-border-radius: ' . $styledata[173] . 'px; 286 -ms-border-radius: ' . $styledata[173] . 'px; 287 -o-border-radius: ' . $styledata[173] . 'px; 288 border-radius: ' . $styledata[173] . 'px; 289 } 290 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 291 background-color: ' . $styledata[25] . '; 292 color: ' . $styledata[23] . '; 293 } 294 ' . $styledata[185] . ';'; 295 ?> 296 297 299 298 </div> 300 299 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style16.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] != '') { 45 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-info"> 73 71 <?php echo $this->text_render($filesdata[7]); ?> … … 81 79 </div> 82 80 <?php 83 echo $fileslinkend; 84 echo $this->admin_edit_panel($value['id']); 81 if ($filesdata[9] != '') { 82 echo '</a>'; 83 } 84 echo $this->admin_edit_panel($value['id']); 85 85 ?> 86 86 </div> 87 <style> 88 <?php89 if ($filesdata[5] != '') {90 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{87 88 <?php 89 if ($filesdata[5] != '') { 90 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 91 91 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 92 92 -moz-background-size: 100% 100%; … … 94 94 background-size: 100% 100%; 95 95 }'; 96 }97 if ($filesdata[11] != '') {98 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{96 } 97 if ($filesdata[11] != '') { 98 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 99 99 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '"); 100 100 -moz-background-size: 100% 100%; … … 102 102 background-size: 100% 100%; 103 103 }'; 104 }105 ?> </style>104 } 105 ?> 106 106 </div> 107 107 <?php 108 108 endif; 109 109 } 110 ?> 111 112 <style> 113 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 114 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 115 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 116 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 117 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 118 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 119 transition: opacity <?php echo $styledata[57]; ?>s linear; 120 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 121 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 122 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 123 -o-animation-duration: <?php echo $styledata[57]; ?>s; 124 animation-duration: <?php echo $styledata[57]; ?>s; 125 } 126 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 127 max-width: <?php echo $styledata[45]; ?>px; 110 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 111 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 112 -webkit-transition: opacity ' . $styledata[57] . 's linear; 113 -moz-transition: opacity ' . $styledata[57] . 's linear; 114 -ms-transition: opacity ' . $styledata[57] . 's linear; 115 -o-transition: opacity ' . $styledata[57] . 's linear; 116 transition: opacity ' . $styledata[57] . 's linear; 117 -webkit-animation-duration: ' . $styledata[57] . 's; 118 -moz-animation-duration: ' . $styledata[57] . 's; 119 -ms-animation-duration: ' . $styledata[57] . 's; 120 -o-animation-duration: ' . $styledata[57] . 's; 121 animation-duration: ' . $styledata[57] . 's; 122 } 123 .oxilab-flip-box-body-' . $styleid . '{ 124 max-width: ' . $styledata[45] . 'px; 128 125 width: 100%; 129 126 margin: 0 auto; 130 position: relative; 131 } 132 .oxilab-flip-box-body- <?php echo $styleid; ?>:after{133 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;127 position: relative; 128 } 129 .oxilab-flip-box-body-' . $styleid . ':after{ 130 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 134 131 content: ""; 135 132 display: block; 136 133 } 137 .oxilab-flip-box- <?php echo $styleid; ?>{134 .oxilab-flip-box-' . $styleid . '{ 138 135 position: absolute; 139 136 top: 0; … … 142 139 bottom: 0; 143 140 display: block; 144 background-color: <?php echo $styledata[5]; ?>;145 -webkit-border-radius: <?php echo $styledata[141]; ?>px;146 -moz-border-radius: <?php echo $styledata[141]; ?>px;147 -ms-border-radius: <?php echo $styledata[141]; ?>px;148 -o-border-radius: <?php echo $styledata[141]; ?>px;149 border-radius: <?php echo $styledata[141]; ?>px;141 background-color: ' . $styledata[5] . '; 142 -webkit-border-radius: ' . $styledata[141] . 'px; 143 -moz-border-radius: ' . $styledata[141] . 'px; 144 -ms-border-radius: ' . $styledata[141] . 'px; 145 -o-border-radius: ' . $styledata[141] . 'px; 146 border-radius: ' . $styledata[141] . 'px; 150 147 overflow: hidden; 151 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;152 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;153 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;154 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;155 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;156 } 157 .oxilab-flip-box- <?php echo $styleid; ?>-data{148 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 149 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 150 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 151 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 152 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 153 } 154 .oxilab-flip-box-' . $styleid . '-data{ 158 155 position: absolute; 159 156 left: 0%; … … 162 159 right: 0; 163 160 } 164 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{165 display: block; 166 text-align: <?php echo $styledata[81]; ?>;167 } 168 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{169 display: inline-block; 161 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 162 display: block; 163 text-align: ' . $styledata[81] . '; 164 } 165 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 166 display: inline-block; 170 167 width: 100%; 171 background-color: <?php echo $styledata[9]; ?>;172 -webkit-border-radius: <?php echo $styledata[141]; ?>px;173 -moz-border-radius: <?php echo $styledata[141]; ?>px;174 -ms-border-radius: <?php echo $styledata[141]; ?>px;175 -o-border-radius: <?php echo $styledata[141]; ?>px;176 border-radius: <?php echo $styledata[141]; ?>px;177 padding: <?php echo $styledata[77]; ?>% <?php echo $styledata[79]; ?>px;178 } 179 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{180 line-height: <?php echo $styledata[73]; ?>px;181 font-size: <?php echo $styledata[73]; ?>px;182 color: <?php echo $styledata[7]; ?>;183 } 184 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{185 display: block; 186 color: <?php echo $styledata[11]; ?>;187 text-align: <?php echo $styledata[91]; ?>;188 font-size: <?php echo $styledata[83]; ?>px;189 font-family: <?php echo $this->font_familly($styledata[85]); ?>;190 font-weight: <?php echo $styledata[89]; ?>;191 font-style: <?php echo $styledata[87]; ?>;192 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;193 194 } 195 .oxilab-flip-box-back- <?php echo $styleid; ?>{168 background-color: ' . $styledata[9] . '; 169 -webkit-border-radius: ' . $styledata[141] . 'px; 170 -moz-border-radius: ' . $styledata[141] . 'px; 171 -ms-border-radius: ' . $styledata[141] . 'px; 172 -o-border-radius: ' . $styledata[141] . 'px; 173 border-radius: ' . $styledata[141] . 'px; 174 padding: ' . $styledata[77] . '% ' . $styledata[79] . 'px; 175 } 176 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 177 line-height:' . $styledata[73] . 'px; 178 font-size: ' . $styledata[73] . 'px; 179 color: ' . $styledata[7] . '; 180 } 181 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 182 display: block; 183 color: ' . $styledata[11] . '; 184 text-align: ' . $styledata[91] . '; 185 font-size: ' . $styledata[83] . 'px; 186 font-family: ' . $this->font_familly($styledata[85]) . '; 187 font-weight: ' . $styledata[89] . '; 188 font-style:' . $styledata[87] . '; 189 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 190 191 } 192 .oxilab-flip-box-back-' . $styleid . '{ 196 193 position: absolute; 197 194 top: 0; … … 200 197 bottom: 0; 201 198 display: block; 202 background-color: <?php echo $styledata[13]; ?>;203 -webkit-border-radius: <?php echo $styledata[141]; ?>px;204 -moz-border-radius: <?php echo $styledata[141]; ?>px;205 -ms-border-radius: <?php echo $styledata[141]; ?>px;206 -o-border-radius: <?php echo $styledata[141]; ?>px;207 border-radius: <?php echo $styledata[141]; ?>px;199 background-color: ' . $styledata[13] . '; 200 -webkit-border-radius: ' . $styledata[141] . 'px; 201 -moz-border-radius: ' . $styledata[141] . 'px; 202 -ms-border-radius: ' . $styledata[141] . 'px; 203 -o-border-radius: ' . $styledata[141] . 'px; 204 border-radius: ' . $styledata[141] . 'px; 208 205 overflow: hidden; 209 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;210 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;211 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;212 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;213 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;214 } 215 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{206 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 207 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 208 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 209 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 210 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 211 } 212 .oxilab-flip-box-back-' . $styleid . '-data{ 216 213 position: absolute; 217 214 left: 0%; 218 215 right: 0; 219 top: 50%; 220 padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;216 top: 50%; 217 padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 221 218 -webkit-transform: translateY(-50%); 222 219 -ms-transform: translateY(-50%); 223 220 -moz-transform: translateY(-50%); 224 221 -o-transform: translateY(-50%); 225 transform: translateY(-50%); 226 } 227 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 228 display: block; 229 color: <?php echo $styledata[15]; ?>; 230 text-align: <?php echo $styledata[131]; ?>; 231 font-size: <?php echo $styledata[123]; ?>px; 232 font-family: <?php echo $this->font_familly($styledata[125]); ?>; 233 font-weight: <?php echo $styledata[129]; ?>; 234 font-style:<?php echo $styledata[127]; ?>; 235 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px; 236 } 237 <?php echo $styledata[143]; ?>; 238 </style> 222 transform: translateY(-50%); 223 } 224 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 225 display: block; 226 color: ' . $styledata[15] . '; 227 text-align: ' . $styledata[131] . '; 228 font-size: ' . $styledata[123] . 'px; 229 font-family: ' . $this->font_familly($styledata[125]) . '; 230 font-weight: ' . $styledata[129] . '; 231 font-style:' . $styledata[127] . '; 232 padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px; 233 } 234 ' . $styledata[143] . ';'; 235 ?> 236 237 239 238 </div> 240 239 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style17.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[13] == '' && $filesdata[9] != '') { 45 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-info"> 73 71 <?php echo $this->text_render($filesdata[7]); ?> … … 75 73 <?php 76 74 if ($filesdata[13] != '') { 77 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53]. '">';75 echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">'; 78 76 echo '<div class="oxilab-button"> 79 77 <div class="oxilab-button-data"> … … 92 90 </div> 93 91 <?php 94 echo $fileslinkend; 92 if ($filesdata[13] == '' && $filesdata[9] != '') { 93 echo '</a>'; 94 } 95 95 echo $this->admin_edit_panel($value['id']); 96 96 ?> 97 97 </div> 98 <style> 99 <?php100 if ($filesdata[5] != '') {101 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{98 99 <?php 100 if ($filesdata[5] != '') { 101 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 102 102 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 103 103 -moz-background-size: 100% 100%; … … 105 105 background-size: 100% 100%; 106 106 }'; 107 }108 if ($filesdata[11] != '') {109 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{107 } 108 if ($filesdata[11] != '') { 109 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 110 110 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '"); 111 111 -moz-background-size: 100% 100%; … … 113 113 background-size: 100% 100%; 114 114 }'; 115 }116 ?></style>115 } 116 ?> 117 117 </div> 118 118 <?php 119 119 endif; 120 120 } 121 ?> 122 123 <style> 124 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 125 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 126 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 127 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 128 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 129 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 130 transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 132 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 133 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 134 -o-animation-duration: <?php echo $styledata[57]; ?>s; 135 animation-duration: <?php echo $styledata[57]; ?>s; 136 } 137 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 138 max-width: <?php echo $styledata[45]; ?>px; 121 122 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 123 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 124 -webkit-transition: opacity ' . $styledata[57] . 's linear; 125 -moz-transition: opacity ' . $styledata[57] . 's linear; 126 -ms-transition: opacity ' . $styledata[57] . 's linear; 127 -o-transition: opacity ' . $styledata[57] . 's linear; 128 transition: opacity ' . $styledata[57] . 's linear; 129 -webkit-animation-duration: ' . $styledata[57] . 's; 130 -moz-animation-duration: ' . $styledata[57] . 's; 131 -ms-animation-duration: ' . $styledata[57] . 's; 132 -o-animation-duration: ' . $styledata[57] . 's; 133 animation-duration: ' . $styledata[57] . 's; 134 } 135 .oxilab-flip-box-body-' . $styleid . '{ 136 max-width: ' . $styledata[45] . 'px; 139 137 width: 100%; 140 138 margin: 0 auto; 141 position: relative; 142 } 143 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {144 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;139 position: relative; 140 } 141 .oxilab-flip-box-body-' . $styleid . ':after { 142 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 145 143 content: ""; 146 144 display: block; 147 145 } 148 .oxilab-flip-box- <?php echo $styleid; ?>{146 .oxilab-flip-box-' . $styleid . '{ 149 147 position: absolute; 150 148 top: 0; … … 152 150 right: 0; 153 151 bottom: 0; 154 background-color: <?php echo $styledata[5]; ?>;155 border-color: <?php echo $styledata[21]; ?>;156 border-width: <?php echo $styledata[101]; ?>px;157 border-style: <?php echo $styledata[103]; ?>;158 display: block; 159 -webkit-border-radius: <?php echo $styledata[141]; ?>px;160 -moz-border-radius: <?php echo $styledata[141]; ?>px;161 -ms-border-radius: <?php echo $styledata[141]; ?>px;162 -o-border-radius: <?php echo $styledata[141]; ?>px;163 border-radius: <?php echo $styledata[141]; ?>px;152 background-color: ' . $styledata[5] . '; 153 border-color:' . $styledata[21] . '; 154 border-width: ' . $styledata[101] . 'px; 155 border-style:' . $styledata[103] . '; 156 display: block; 157 -webkit-border-radius: ' . $styledata[141] . 'px; 158 -moz-border-radius: ' . $styledata[141] . 'px; 159 -ms-border-radius: ' . $styledata[141] . 'px; 160 -o-border-radius: ' . $styledata[141] . 'px; 161 border-radius: ' . $styledata[141] . 'px; 164 162 overflow: hidden; 165 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;166 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;167 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;168 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;169 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 } 171 .oxilab-flip-box- <?php echo $styleid; ?>-data{163 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 164 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 165 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 166 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 167 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 } 169 .oxilab-flip-box-' . $styleid . '-data{ 172 170 position: absolute; 173 171 left: 0%; 174 top: 50%; 172 top: 50%; 175 173 display: flex; 176 174 justify-content: center; 177 175 align-items: center; 178 padding: <?php echo $styledata[69]; ?>px <?php echo $styledata[71]; ?>px;176 padding: ' . $styledata[69] . 'px ' . $styledata[71] . 'px; 179 177 -webkit-transform: translateY(-50%); 180 178 -ms-transform: translateY(-50%); … … 184 182 right: 0; 185 183 } 186 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{187 display: inline-block; 188 text-align: center; 189 padding: <?php echo $styledata[77]; ?>px <?php echo $styledata[79]; ?>px;190 } 191 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{192 display: inline-block; 193 } 194 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{195 font-size: <?php echo $styledata[73]; ?>px;196 color: <?php echo $styledata[7]; ?>;197 } 198 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{199 display: inline-block; 200 color: <?php echo $styledata[11]; ?>;201 text-align: <?php echo $styledata[91]; ?>;202 font-size: <?php echo $styledata[83]; ?>px;203 font-family: <?php echo $this->font_familly($styledata[85]); ?>;204 font-weight: <?php echo $styledata[89]; ?>;205 font-style: <?php echo $styledata[87]; ?>;206 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;207 } 208 .oxilab-flip-box-back- <?php echo $styleid; ?>{184 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 185 display: inline-block; 186 text-align: center; 187 padding: ' . $styledata[77] . 'px ' . $styledata[79] . 'px; 188 } 189 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 190 display: inline-block; 191 } 192 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 193 font-size: ' . $styledata[73] . 'px; 194 color: ' . $styledata[7] . '; 195 } 196 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 197 display: inline-block; 198 color: ' . $styledata[11] . '; 199 text-align: ' . $styledata[91] . '; 200 font-size: ' . $styledata[83] . 'px; 201 font-family: ' . $this->font_familly($styledata[85]) . '; 202 font-weight: ' . $styledata[89] . '; 203 font-style:' . $styledata[87] . '; 204 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 205 } 206 .oxilab-flip-box-back-' . $styleid . '{ 209 207 position: absolute; 210 208 top: 0; … … 212 210 right: 0; 213 211 bottom: 0; 214 border-width: <?php echo $styledata[105]; ?>px;215 border-style: <?php echo $styledata[107]; ?>;216 background-color: <?php echo $styledata[13]; ?>;217 border-color: <?php echo $styledata[23]; ?>;218 display: block; 219 -webkit-border-radius: <?php echo $styledata[141]; ?>px;220 -moz-border-radius: <?php echo $styledata[141]; ?>px;221 -ms-border-radius: <?php echo $styledata[141]; ?>px;222 -o-border-radius: <?php echo $styledata[141]; ?>px;223 border-radius: <?php echo $styledata[141]; ?>px;212 border-width: ' . $styledata[105] . 'px; 213 border-style:' . $styledata[107] . '; 214 background-color: ' . $styledata[13] . '; 215 border-color:' . $styledata[23] . '; 216 display: block; 217 -webkit-border-radius: ' . $styledata[141] . 'px; 218 -moz-border-radius: ' . $styledata[141] . 'px; 219 -ms-border-radius: ' . $styledata[141] . 'px; 220 -o-border-radius: ' . $styledata[141] . 'px; 221 border-radius: ' . $styledata[141] . 'px; 224 222 overflow: hidden; 225 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;226 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;227 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;228 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;229 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;230 } 231 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{223 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 224 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 225 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 226 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 227 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 228 } 229 .oxilab-flip-box-back-' . $styleid . '-data{ 232 230 position: absolute; 233 231 left: 0%; 234 232 right: 0; 235 top: 50%; 236 padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;233 top: 50%; 234 padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 237 235 -webkit-transform: translateY(-50%); 238 236 -ms-transform: translateY(-50%); 239 237 -moz-transform: translateY(-50%); 240 238 -o-transform: translateY(-50%); 241 transform: translateY(-50%); 242 } 243 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{244 display: block; 245 color: <?php echo $styledata[15]; ?>;246 text-align: <?php echo $styledata[131]; ?>;247 font-size: <?php echo $styledata[123]; ?>px;248 font-family: <?php echo $this->font_familly($styledata[125]); ?>;249 font-weight: <?php echo $styledata[129]; ?>;250 font-style: <?php echo $styledata[127]; ?>;251 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px;252 } 253 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button{254 display: block; 255 text-align: <?php echo $styledata[157]; ?>;256 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[165]; ?>px <?php echo $styledata[161]; ?>px <?php echo $styledata[163]; ?>px;257 } 258 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data{259 display: inline-block; 260 color: <?php echo $styledata[19]; ?>;261 font-size: <?php echo $styledata[143]; ?>px;262 font-family: <?php echo $this->font_familly($styledata[145]); ?>;263 font-weight: <?php echo $styledata[149]; ?>;264 font-style: <?php echo $styledata[147]; ?>;265 padding: <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;266 -webkit-border-radius: <?php echo $styledata[155]; ?>px;267 -moz-border-radius: <?php echo $styledata[155]; ?>px;268 -ms-border-radius: <?php echo $styledata[155]; ?>px;269 -o-border-radius: <?php echo $styledata[155]; ?>px;270 border-radius: <?php echo $styledata[155]; ?>px;271 } 272 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data:hover{273 color: <?php echo $styledata[17]; ?>;274 } 275 <?php echo $styledata[167]; ?>;276 </style>239 transform: translateY(-50%); 240 } 241 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 242 display: block; 243 color: ' . $styledata[15] . '; 244 text-align: ' . $styledata[131] . '; 245 font-size: ' . $styledata[123] . 'px; 246 font-family: ' . $this->font_familly($styledata[125]) . '; 247 font-weight: ' . $styledata[129] . '; 248 font-style:' . $styledata[127] . '; 249 padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px; 250 } 251 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 252 display: block; 253 text-align: ' . $styledata[157] . '; 254 padding: ' . $styledata[159] . 'px ' . $styledata[165] . 'px ' . $styledata[161] . 'px ' . $styledata[163] . 'px; 255 } 256 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 257 display: inline-block; 258 color: ' . $styledata[19] . '; 259 font-size: ' . $styledata[143] . 'px; 260 font-family: ' . $this->font_familly($styledata[145]) . '; 261 font-weight: ' . $styledata[149] . '; 262 font-style:' . $styledata[147] . '; 263 padding: ' . $styledata[151] . 'px ' . $styledata[153] . 'px; 264 -webkit-border-radius: ' . $styledata[155] . 'px; 265 -moz-border-radius: ' . $styledata[155] . 'px; 266 -ms-border-radius: ' . $styledata[155] . 'px; 267 -o-border-radius: ' . $styledata[155] . 'px; 268 border-radius: ' . $styledata[155] . 'px; 269 } 270 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 271 color: ' . $styledata[17] . '; 272 } 273 ' . $styledata[167] . ';'; 274 ?> 277 275 </div> 278 276 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style18.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 47 echo '</a>'; 49 48 } 50 49 ?> 51 50 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">51 <div class="<?php echo esc_attr($styledata[1]); ?>"> 52 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 53 <div class="oxilab-flip-box-style"> 55 54 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 56 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 57 <div class="oxilab-image"> 59 <img src="<?php echo $filesdata[5]; ?>">58 <img src="<?php echo esc_url($filesdata[5]); ?>"> 60 59 </div> 61 60 <div class="oxilab-heading"> 62 61 <?php echo $this->text_render($filesdata[1]); ?> 63 </div> 62 </div> 64 63 </div> 65 64 </div> 66 65 </div> 67 66 <div class="oxilab-flip-box-back"> 68 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 70 69 <div class="oxilab-heading"> 71 70 <?php echo $this->text_render($filesdata[17]); ?> … … 76 75 <?php 77 76 if ($filesdata[9] != '') { 78 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';77 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 79 78 echo '<div class="oxilab-button"> 80 79 <div class="oxilab-button-data"> … … 92 91 </div> 93 92 </div> 94 <?php echo $fileslinkend; 95 echo $this->admin_edit_panel($value['id']); 93 <?php 94 if ($filesdata[9] == '' && $filesdata[11] != '') { 95 echo '</a>'; 96 } 97 echo $this->admin_edit_panel($value['id']); 96 98 ?> 97 99 </div> 98 <style> 99 <?php100 if ($filesdata[13] != '') {101 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{100 101 <?php 102 if ($filesdata[13] != '') { 103 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 102 104 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 103 105 -moz-background-size: 100% 100%; … … 105 107 background-size: 100% 100%; 106 108 }'; 107 }108 ?></style>109 } 110 ?> 109 111 </div> 110 112 <?php 111 113 endif; 112 114 } 113 ?> 114 115 <style> 116 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 117 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 118 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 119 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 120 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 121 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 122 transition: opacity <?php echo $styledata[57]; ?>s linear; 123 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 124 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 125 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 126 -o-animation-duration: <?php echo $styledata[57]; ?>s; 127 animation-duration: <?php echo $styledata[57]; ?>s; 128 } 129 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 130 max-width: <?php echo $styledata[45]; ?>px; 115 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 116 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 117 -webkit-transition: opacity ' . $styledata[57] . 's linear; 118 -moz-transition: opacity ' . $styledata[57] . 's linear; 119 -ms-transition: opacity ' . $styledata[57] . 's linear; 120 -o-transition: opacity ' . $styledata[57] . 's linear; 121 transition: opacity ' . $styledata[57] . 's linear; 122 -webkit-animation-duration: ' . $styledata[57] . 's; 123 -moz-animation-duration: ' . $styledata[57] . 's; 124 -ms-animation-duration: ' . $styledata[57] . 's; 125 -o-animation-duration: ' . $styledata[57] . 's; 126 animation-duration: ' . $styledata[57] . 's; 127 } 128 .oxilab-flip-box-body-' . $styleid . '{ 129 max-width: ' . $styledata[45] . 'px; 131 130 width: 100%; 132 131 margin: 0 auto; 133 position: relative; 134 } 135 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {136 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;132 position: relative; 133 } 134 .oxilab-flip-box-body-' . $styleid . ':after { 135 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 137 136 content: ""; 138 137 display: block; 139 138 } 140 .oxilab-flip-box- <?php echo $styleid; ?>{141 position: absolute; 142 top: 0; 143 left: 0; 144 right: 0; 145 bottom: 0; 146 border-width: <?php echo $styledata[163]; ?>px;147 border-style: <?php echo $styledata[165]; ?>;148 background-color: <?php echo $styledata[5]; ?>;149 border-color: <?php echo $styledata[7]; ?>;150 display: block; 151 -webkit-border-radius: <?php echo $styledata[153]; ?>px;152 -moz-border-radius: <?php echo $styledata[153]; ?>px;153 -ms-border-radius: <?php echo $styledata[153]; ?>px;154 -o-border-radius: <?php echo $styledata[153]; ?>px;155 border-radius: <?php echo $styledata[153]; ?>px;139 .oxilab-flip-box-' . $styleid . '{ 140 position: absolute; 141 top: 0; 142 left: 0; 143 right: 0; 144 bottom: 0; 145 border-width: ' . $styledata[163] . 'px; 146 border-style:' . $styledata[165] . '; 147 background-color: ' . $styledata[5] . '; 148 border-color:' . $styledata[7] . '; 149 display: block; 150 -webkit-border-radius: ' . $styledata[153] . 'px; 151 -moz-border-radius: ' . $styledata[153] . 'px; 152 -ms-border-radius: ' . $styledata[153] . 'px; 153 -o-border-radius: ' . $styledata[153] . 'px; 154 border-radius: ' . $styledata[153] . 'px; 156 155 overflow: hidden; 157 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;158 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;159 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;160 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;161 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;162 } 163 .oxilab-flip-box- <?php echo $styleid; ?>-data{156 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 157 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 158 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 159 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 160 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 161 } 162 .oxilab-flip-box-' . $styleid . '-data{ 164 163 position: absolute; 165 164 left: 0%; 166 top: 0%; 167 right: 0; 168 bottom: 0; 169 } 170 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image{171 position: absolute; 172 top: 0; 173 left: 0; 174 right: 0; 175 display: block; 176 } 177 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image:after{178 padding-bottom: <?php echo $styledata[69]; ?>%;165 top: 0%; 166 right: 0; 167 bottom: 0; 168 } 169 .oxilab-flip-box-' . $styleid . '-data .oxilab-image{ 170 position: absolute; 171 top: 0; 172 left: 0; 173 right: 0; 174 display: block; 175 } 176 .oxilab-flip-box-' . $styleid . '-data .oxilab-image:after{ 177 padding-bottom: ' . $styledata[69] . '%; 179 178 content: ""; 180 179 display: block; 181 180 } 182 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image img{181 .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{ 183 182 position: absolute; 184 183 width: 100%; … … 188 187 right: 0; 189 188 bottom: 0; 190 display: block; 191 } 192 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{193 margin-top: <?php echo $styledata[69]; ?>%;194 color: <?php echo $styledata[13]; ?>;195 display: block; 196 text-align: <?php echo $styledata[91]; ?>;197 font-size: <?php echo $styledata[83]; ?>px;198 font-family: <?php echo $this->font_familly($styledata[85]); ?>;199 font-weight: <?php echo $styledata[89]; ?>;200 font-style: <?php echo $styledata[87]; ?>;201 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;202 203 } 204 .oxilab-flip-box-back- <?php echo $styleid; ?>{205 position: absolute; 206 top: 0; 207 left: 0; 208 right: 0; 209 bottom: 0; 210 border-width: <?php echo $styledata[167]; ?>px;211 border-style: <?php echo $styledata[169]; ?>;212 background-color: <?php echo $styledata[15]; ?>;213 border-color: <?php echo $styledata[9]; ?>;214 display: block; 215 -webkit-border-radius: <?php echo $styledata[153]; ?>px;216 -moz-border-radius: <?php echo $styledata[153]; ?>px;217 -ms-border-radius: <?php echo $styledata[153]; ?>px;218 -o-border-radius: <?php echo $styledata[153]; ?>px;219 border-radius: <?php echo $styledata[153]; ?>px;189 display: block; 190 } 191 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 192 margin-top: ' . $styledata[69] . '%; 193 color: ' . $styledata[13] . '; 194 display: block; 195 text-align: ' . $styledata[91] . '; 196 font-size: ' . $styledata[83] . 'px; 197 font-family: ' . $this->font_familly($styledata[85]) . '; 198 font-weight: ' . $styledata[89] . '; 199 font-style:' . $styledata[87] . '; 200 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 201 202 } 203 .oxilab-flip-box-back-' . $styleid . '{ 204 position: absolute; 205 top: 0; 206 left: 0; 207 right: 0; 208 bottom: 0; 209 border-width: ' . $styledata[167] . 'px; 210 border-style:' . $styledata[169] . '; 211 background-color: ' . $styledata[15] . '; 212 border-color:' . $styledata[9] . '; 213 display: block; 214 -webkit-border-radius: ' . $styledata[153] . 'px; 215 -moz-border-radius: ' . $styledata[153] . 'px; 216 -ms-border-radius: ' . $styledata[153] . 'px; 217 -o-border-radius: ' . $styledata[153] . 'px; 218 border-radius: ' . $styledata[153] . 'px; 220 219 overflow: hidden; 221 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;222 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;223 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;224 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;225 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;226 227 } 228 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{220 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 221 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 222 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 223 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 224 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 225 226 } 227 .oxilab-flip-box-back-' . $styleid . '-data{ 229 228 position: absolute; 230 229 left: 0%; 231 230 right: 0; 232 top: 50%; 233 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;231 top: 50%; 232 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 234 233 -webkit-transform: translateY(-50%); 235 234 -ms-transform: translateY(-50%); 236 235 -moz-transform: translateY(-50%); 237 236 -o-transform: translateY(-50%); 238 transform: translateY(-50%); 239 } 240 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{241 display: block; 242 color: <?php echo $styledata[31]; ?>;243 text-align: <?php echo $styledata[189]; ?>;244 font-size: <?php echo $styledata[181]; ?>px;245 font-family: <?php echo $this->font_familly($styledata[183]); ?>;246 font-weight: <?php echo $styledata[187]; ?>;247 font-style: <?php echo $styledata[185]; ?>;248 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;249 } 250 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{251 display: block; 252 color: <?php echo $styledata[19]; ?>;253 text-align: <?php echo $styledata[115]; ?>;254 font-size: <?php echo $styledata[107]; ?>px;255 font-family: <?php echo $this->font_familly($styledata[109]); ?>;256 font-weight: <?php echo $styledata[113]; ?>;257 font-style: <?php echo $styledata[111]; ?>;258 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;259 } 260 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button{261 display: block; 262 text-align: <?php echo $styledata[139]; ?>;263 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px;264 } 265 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data{266 display: inline-block; 267 color: <?php echo $styledata[21]; ?>;268 background-color: <?php echo $styledata[23]; ?>;269 font-size: <?php echo $styledata[125]; ?>px;270 font-family: <?php echo $this->font_familly($styledata[127]); ?>;271 font-weight: <?php echo $styledata[131]; ?>;272 font-style: <?php echo $styledata[129]; ?>;273 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;274 -webkit-border-radius: <?php echo $styledata[137]; ?>px;275 -moz-border-radius: <?php echo $styledata[137]; ?>px;276 -ms-border-radius: <?php echo $styledata[137]; ?>px;277 -o-border-radius: <?php echo $styledata[137]; ?>px;278 border-radius: <?php echo $styledata[137]; ?>px;279 } 280 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data:hover{281 background-color: <?php echo $styledata[27]; ?>;282 color: <?php echo $styledata[25]; ?>;283 } 284 <?php echo $styledata[199]; ?>;285 </style>237 transform: translateY(-50%); 238 } 239 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 240 display: block; 241 color: ' . $styledata[31] . '; 242 text-align: ' . $styledata[189] . '; 243 font-size: ' . $styledata[181] . 'px; 244 font-family: ' . $this->font_familly($styledata[183]) . '; 245 font-weight: ' . $styledata[187] . '; 246 font-style:' . $styledata[185] . '; 247 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 248 } 249 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 250 display: block; 251 color: ' . $styledata[19] . '; 252 text-align: ' . $styledata[115] . '; 253 font-size: ' . $styledata[107] . 'px; 254 font-family: ' . $this->font_familly($styledata[109]) . '; 255 font-weight: ' . $styledata[113] . '; 256 font-style:' . $styledata[111] . '; 257 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 258 } 259 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 260 display: block; 261 text-align: ' . $styledata[139] . '; 262 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 263 } 264 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 265 display: inline-block; 266 color: ' . $styledata[21] . '; 267 background-color: ' . $styledata[23] . '; 268 font-size: ' . $styledata[125] . 'px; 269 font-family: ' . $this->font_familly($styledata[127]) . '; 270 font-weight: ' . $styledata[131] . '; 271 font-style:' . $styledata[129] . '; 272 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 273 -webkit-border-radius: ' . $styledata[137] . 'px; 274 -moz-border-radius: ' . $styledata[137] . 'px; 275 -ms-border-radius: ' . $styledata[137] . 'px; 276 -o-border-radius: ' . $styledata[137] . 'px; 277 border-radius: ' . $styledata[137] . 'px; 278 } 279 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 280 background-color: ' . $styledata[27] . '; 281 color: ' . $styledata[25] . '; 282 } 283 ' . $styledata[199] . ';'; 284 ?> 286 285 </div> 287 286 -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style19.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[3] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <img src="<?php echo $filesdata[5]; ?>">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <img src="<?php echo esc_url($filesdata[5]); ?>"> 58 56 </div> 59 57 </div> 60 58 <div class="oxilab-flip-box-back"> 61 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">62 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">59 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 60 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 63 61 <div class="oxilab-heading"> 64 62 <?php echo $this->text_render($filesdata[17]); ?> … … 66 64 <div class="oxilab-info"> 67 65 <?php echo $this->text_render($filesdata[7]); ?> 68 </div> 66 </div> 69 67 </div> 70 68 <?php 71 69 if ($filesdata[3] != '') { 72 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';70 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 73 71 echo '<div class="oxilab-button"> 74 72 ' . $this->font_awesome_render($filesdata[3]) . ' … … 84 82 </div> 85 83 <?php 86 echo $fileslinkend; 84 if ($filesdata[3] == '' && $filesdata[11] != '') { 85 echo '</a>'; 86 } 87 87 echo $this->admin_edit_panel($value['id']); 88 88 ?> 89 89 </div> 90 <style> 91 <?php92 if ($filesdata[13] != '') {93 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{90 91 <?php 92 if ($filesdata[13] != '') { 93 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 94 94 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[13] . '"); 95 95 -moz-background-size: 100% 100%; … … 97 97 background-size: 100% 100%; 98 98 }'; 99 }100 ?>101 </style> 99 } 100 ?> 101 102 102 </div> 103 103 <?php 104 104 endif; 105 105 } 106 ?> 107 108 <style> 109 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 110 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 111 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 112 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 113 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 114 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 115 transition: opacity <?php echo $styledata[57]; ?>s linear; 116 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 117 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 118 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 119 -o-animation-duration: <?php echo $styledata[57]; ?>s; 120 animation-duration: <?php echo $styledata[57]; ?>s; 121 } 122 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 123 max-width: <?php echo $styledata[45]; ?>px; 106 107 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 108 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 109 -webkit-transition: opacity ' . $styledata[57] . 's linear; 110 -moz-transition: opacity ' . $styledata[57] . 's linear; 111 -ms-transition: opacity ' . $styledata[57] . 's linear; 112 -o-transition: opacity ' . $styledata[57] . 's linear; 113 transition: opacity ' . $styledata[57] . 's linear; 114 -webkit-animation-duration: ' . $styledata[57] . 's; 115 -moz-animation-duration: ' . $styledata[57] . 's; 116 -ms-animation-duration: ' . $styledata[57] . 's; 117 -o-animation-duration: ' . $styledata[57] . 's; 118 animation-duration: ' . $styledata[57] . 's; 119 } 120 .oxilab-flip-box-body-' . $styleid . '{ 121 max-width: ' . $styledata[45] . 'px; 124 122 width: 100%; 125 123 margin: 0 auto; 126 position: relative; 127 } 128 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {129 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;124 position: relative; 125 } 126 .oxilab-flip-box-body-' . $styleid . ':after { 127 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 130 128 content: ""; 131 129 display: block; 132 130 } 133 .oxilab-flip-box- <?php echo $styleid; ?>{131 .oxilab-flip-box-' . $styleid . '{ 134 132 position: absolute; 135 133 top: 0; … … 138 136 bottom: 0; 139 137 display: block; 140 -webkit-border-radius: <?php echo $styledata[153]; ?>px;141 -moz-border-radius: <?php echo $styledata[153]; ?>px;142 -ms-border-radius: <?php echo $styledata[153]; ?>px;143 -o-border-radius: <?php echo $styledata[153]; ?>px;144 border-radius: <?php echo $styledata[153]; ?>px;138 -webkit-border-radius: ' . $styledata[153] . 'px; 139 -moz-border-radius: ' . $styledata[153] . 'px; 140 -ms-border-radius: ' . $styledata[153] . 'px; 141 -o-border-radius: ' . $styledata[153] . 'px; 142 border-radius: ' . $styledata[153] . 'px; 145 143 overflow: hidden; 146 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;147 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;148 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;149 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;150 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;151 } 152 .oxilab-flip-box- <?php echo $styleid; ?>img{144 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 145 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 146 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 147 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 148 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 149 } 150 .oxilab-flip-box-' . $styleid . ' img{ 153 151 position: absolute; 154 152 top: 0; … … 157 155 bottom: 0; 158 156 display: block; 159 -webkit-border-radius: <?php echo $styledata[153]; ?>px;160 -moz-border-radius: <?php echo $styledata[153]; ?>px;161 -ms-border-radius: <?php echo $styledata[153]; ?>px;162 -o-border-radius: <?php echo $styledata[153]; ?>px;163 border-radius: <?php echo $styledata[153]; ?>px;157 -webkit-border-radius: ' . $styledata[153] . 'px; 158 -moz-border-radius: ' . $styledata[153] . 'px; 159 -ms-border-radius: ' . $styledata[153] . 'px; 160 -o-border-radius: ' . $styledata[153] . 'px; 161 border-radius: ' . $styledata[153] . 'px; 164 162 overflow: hidden; 165 163 width: 100%; 166 164 height: 100%; 167 165 } 168 .oxilab-flip-box-back- <?php echo $styleid; ?>{166 .oxilab-flip-box-back-' . $styleid . '{ 169 167 position: absolute; 170 168 top: 0; … … 173 171 bottom: 0; 174 172 display: block; 175 background-color: <?php echo $styledata[5]; ?>;176 -webkit-border-radius: <?php echo $styledata[153]; ?>px;177 -moz-border-radius: <?php echo $styledata[153]; ?>px;178 -ms-border-radius: <?php echo $styledata[153]; ?>px;179 -o-border-radius: <?php echo $styledata[153]; ?>px;180 border-radius: <?php echo $styledata[153]; ?>px;173 background-color: ' . $styledata[5] . '; 174 -webkit-border-radius: ' . $styledata[153] . 'px; 175 -moz-border-radius: ' . $styledata[153] . 'px; 176 -ms-border-radius: ' . $styledata[153] . 'px; 177 -o-border-radius: ' . $styledata[153] . 'px; 178 border-radius: ' . $styledata[153] . 'px; 181 179 overflow: hidden; 182 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;183 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;184 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;185 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;186 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;187 } 188 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{180 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 181 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 182 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 183 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 184 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 185 } 186 .oxilab-flip-box-back-' . $styleid . '-data{ 189 187 position: absolute; 190 188 left: 0%; 191 189 right: 0; 192 top: 50%; 193 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;190 top: 50%; 191 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 194 192 -webkit-transform: translateY(-50%); 195 193 -ms-transform: translateY(-50%); 196 194 -moz-transform: translateY(-50%); 197 195 -o-transform: translateY(-50%); 198 transform: translateY(-50%); 199 } 200 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 201 display: block; 202 color: <?php echo $styledata[13]; ?>; 203 text-align: <?php echo $styledata[189]; ?>; 204 font-size: <?php echo $styledata[181]; ?>px; 205 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 206 font-weight: <?php echo $styledata[187]; ?>; 207 font-style:<?php echo $styledata[185]; ?>; 208 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 209 } 210 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 211 display: block; 212 color: <?php echo $styledata[7]; ?>; 213 text-align: <?php echo $styledata[115]; ?>; 214 font-size: <?php echo $styledata[107]; ?>px; 215 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 216 font-weight: <?php echo $styledata[113]; ?>; 217 font-style:<?php echo $styledata[111]; ?>; 218 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 219 } 220 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button{ 221 display: block; 222 position: absolute; 223 right: 0; 224 bottom: 0; 225 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 226 } 227 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons{ 228 display: inline-block; 229 color: <?php echo $styledata[9]; ?>; 230 font-size: <?php echo $styledata[125]; ?>px; 231 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 232 } 233 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons:hover{ 234 color: <?php echo $styledata[11]; ?>; 235 } 236 <?php echo $styledata[199]; ?>; 237 </style> 196 transform: translateY(-50%); 197 } 198 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 199 display: block; 200 color: ' . $styledata[13] . '; 201 text-align: ' . $styledata[189] . '; 202 font-size: ' . $styledata[181] . 'px; 203 font-family: ' . $this->font_familly($styledata[183]) . '; 204 font-weight: ' . $styledata[187] . '; 205 font-style:' . $styledata[185] . '; 206 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 207 } 208 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 209 display: block; 210 color: ' . $styledata[7] . '; 211 text-align: ' . $styledata[115] . '; 212 font-size: ' . $styledata[107] . 'px; 213 font-family: ' . $this->font_familly($styledata[109]) . '; 214 font-weight: ' . $styledata[113] . '; 215 font-style:' . $styledata[111] . '; 216 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 217 } 218 .oxilab-flip-box-back-' . $styleid . ' .oxilab-button{ 219 display: block; 220 position: absolute; 221 right: 0; 222 bottom: 0; 223 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 224 } 225 .oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons{ 226 display: inline-block; 227 color: ' . $styledata[9] . '; 228 font-size: ' . $styledata[125] . 'px; 229 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 230 } 231 .oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons:hover{ 232 color: ' . $styledata[11] . '; 233 } 234 ' . $styledata[199] . ';'; 235 ?> 236 237 238 238 </div> 239 239 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style2.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 71 69 </div> 72 70 <div class="oxilab-flip-box-back"> 73 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">71 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 75 73 <div class="oxilab-heading"> 76 74 <?php echo $this->text_render($filesdata[17]); ?> … … 81 79 <?php 82 80 if ($filesdata[9] != '') { 83 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';81 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 84 82 echo '<div class="oxilab-button"> 85 83 <div class="oxilab-button-data"> … … 98 96 </div> 99 97 <?php 100 echo $fileslinkend; 98 if ($filesdata[9] == '' && $filesdata[11] != '') { 99 echo '</a>'; 100 } 101 101 echo $this->admin_edit_panel($value['id']); 102 102 ?> 103 103 </div> 104 <style> 105 <?php106 if ($filesdata[5] != '') {107 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{104 105 <?php 106 if ($filesdata[5] != '') { 107 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 108 108 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 109 109 -moz-background-size: 100% 100%; … … 111 111 background-size: 100% 100%; 112 112 }'; 113 }114 ?>115 <?php116 if ($filesdata[13] != '') {117 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{113 } 114 ?> 115 <?php 116 if ($filesdata[13] != '') { 117 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 118 118 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 119 119 -moz-background-size: 100% 100%; … … 121 121 background-size: 100% 100%; 122 122 }'; 123 }124 ?>125 </style> 123 } 124 ?> 125 126 126 </div> 127 127 <?php 128 128 endif; 129 129 } 130 ?> 131 <style> 132 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 133 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 134 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 137 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 138 transition: opacity <?php echo $styledata[57]; ?>s linear; 139 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 140 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 141 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 142 -o-animation-duration: <?php echo $styledata[57]; ?>s; 143 animation-duration: <?php echo $styledata[57]; ?>s; 144 } 145 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 146 max-width: <?php echo $styledata[45]; ?>px; 130 131 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 132 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 133 -webkit-transition: opacity ' . $styledata[57] . 's linear; 134 -moz-transition: opacity ' . $styledata[57] . 's linear; 135 -ms-transition: opacity ' . $styledata[57] . 's linear; 136 -o-transition: opacity ' . $styledata[57] . 's linear; 137 transition: opacity ' . $styledata[57] . 's linear; 138 -webkit-animation-duration: ' . $styledata[57] . 's; 139 -moz-animation-duration: ' . $styledata[57] . 's; 140 -ms-animation-duration: ' . $styledata[57] . 's; 141 -o-animation-duration: ' . $styledata[57] . 's; 142 animation-duration: ' . $styledata[57] . 's; 143 } 144 .oxilab-flip-box-body-' . $styleid . '{ 145 max-width: ' . $styledata[45] . 'px; 147 146 width: 100%; 148 147 margin: 0 auto; 149 position: relative; 150 } 151 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {152 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;148 position: relative; 149 } 150 .oxilab-flip-box-body-' . $styleid . ':after { 151 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 153 152 content: ""; 154 153 display: block; 155 154 } 156 .oxilab-flip-box- <?php echo $styleid; ?>{155 .oxilab-flip-box-' . $styleid . '{ 157 156 position: absolute; 158 157 top: 0; 159 158 left: 0; 160 159 width: 100%; 161 height: 100%; 162 border-width: <?php echo $styledata[149]; ?>px;163 border-style: <?php echo $styledata[151]; ?>;164 border-color: <?php echo $styledata[7]; ?>;165 background-color: <?php echo $styledata[5]; ?>;160 height: 100%; 161 border-width: ' . $styledata[149] . 'px; 162 border-style:' . $styledata[151] . '; 163 border-color: ' . $styledata[7] . '; 164 background-color: ' . $styledata[5] . '; 166 165 display: block; 167 -webkit-border-radius: <?php echo $styledata[153]; ?>px;168 -moz-border-radius: <?php echo $styledata[153]; ?>px;169 -ms-border-radius: <?php echo $styledata[153]; ?>px;170 -o-border-radius: <?php echo $styledata[153]; ?>px;171 border-radius: <?php echo $styledata[153]; ?>px;166 -webkit-border-radius: ' . $styledata[153] . 'px; 167 -moz-border-radius: ' . $styledata[153] . 'px; 168 -ms-border-radius: ' . $styledata[153] . 'px; 169 -o-border-radius: ' . $styledata[153] . 'px; 170 border-radius: ' . $styledata[153] . 'px; 172 171 overflow: hidden; 173 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;174 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;175 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;176 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;177 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;178 } 179 .oxilab-flip-box- <?php echo $styleid; ?>-data{172 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 173 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 174 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 175 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 176 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 177 } 178 .oxilab-flip-box-' . $styleid . '-data{ 180 179 position: absolute; 181 180 left: 0%; 182 top: 50%; 183 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;181 top: 50%; 182 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 184 183 -webkit-transform: translateY(-50%); 185 184 -ms-transform: translateY(-50%); … … 190 189 width: 100%; 191 190 } 192 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{193 width: 100%; 194 float: left; 195 text-align: center; 196 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;197 } 198 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{199 display: inline-block; 200 background-color: <?php echo $styledata[11]; ?>;201 width: <?php echo $styledata[79]; ?>px;202 height: <?php echo $styledata[79]; ?>px;203 -webkit-border-radius: <?php echo $styledata[81]; ?>px;204 -moz-border-radius: <?php echo $styledata[81]; ?>px;205 -ms-border-radius: <?php echo $styledata[81]; ?>px;206 -o-border-radius: <?php echo $styledata[81]; ?>px;207 border-radius: <?php echo $styledata[81]; ?>px;208 } 209 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{210 line-height: <?php echo $styledata[79]; ?>px;211 font-size: <?php echo $styledata[77]; ?>px;212 color: <?php echo $styledata[9]; ?>;213 } 214 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{215 width: 100%; 216 float: left; 217 color: <?php echo $styledata[13]; ?>;218 text-align: <?php echo $styledata[91]; ?>;219 font-size: <?php echo $styledata[83]; ?>px;220 font-family: <?php echo $this->font_familly($styledata[85]); ?>;221 font-weight: <?php echo $styledata[89]; ?>;222 font-style: <?php echo $styledata[87]; ?>;223 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;224 } 225 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{226 width: 100%; 227 float: left; 228 color: <?php echo $styledata[29]; ?>;229 text-align: <?php echo $styledata[171]; ?>;230 font-size: <?php echo $styledata[163]; ?>px;231 font-family: <?php echo $this->font_familly($styledata[165]); ?>;232 font-weight: <?php echo $styledata[169]; ?>;233 font-style: <?php echo $styledata[167]; ?>;234 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;235 } 236 .oxilab-flip-box-back- <?php echo $styleid; ?>{191 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 192 width: 100%; 193 float: left; 194 text-align: center; 195 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 196 } 197 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 198 display: inline-block; 199 background-color: ' . $styledata[11] . '; 200 width: ' . $styledata[79] . 'px; 201 height: ' . $styledata[79] . 'px; 202 -webkit-border-radius: ' . $styledata[81] . 'px; 203 -moz-border-radius: ' . $styledata[81] . 'px; 204 -ms-border-radius: ' . $styledata[81] . 'px; 205 -o-border-radius: ' . $styledata[81] . 'px; 206 border-radius: ' . $styledata[81] . 'px; 207 } 208 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 209 line-height: ' . $styledata[79] . 'px; 210 font-size: ' . $styledata[77] . 'px; 211 color: ' . $styledata[9] . '; 212 } 213 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 214 width: 100%; 215 float: left; 216 color: ' . $styledata[13] . '; 217 text-align: ' . $styledata[91] . '; 218 font-size: ' . $styledata[83] . 'px; 219 font-family: ' . $this->font_familly($styledata[85]) . '; 220 font-weight: ' . $styledata[89] . '; 221 font-style:' . $styledata[87] . '; 222 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 223 } 224 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 225 width: 100%; 226 float: left; 227 color: ' . $styledata[29] . '; 228 text-align: ' . $styledata[171] . '; 229 font-size: ' . $styledata[163] . 'px; 230 font-family: ' . $this->font_familly($styledata[165]) . '; 231 font-weight: ' . $styledata[169] . '; 232 font-style:' . $styledata[167] . '; 233 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 234 } 235 .oxilab-flip-box-back-' . $styleid . '{ 237 236 position: absolute; 238 237 top: 0; 239 238 left: 0; 240 239 width: 100%; 241 height: 100%; 242 border-width: <?php echo $styledata[155]; ?>px;243 border-style: <?php echo $styledata[157]; ?>;244 border-color: <?php echo $styledata[17]; ?>;245 background-color: <?php echo $styledata[15]; ?>;240 height: 100%; 241 border-width: ' . $styledata[155] . 'px; 242 border-style:' . $styledata[157] . '; 243 border-color: ' . $styledata[17] . '; 244 background-color: ' . $styledata[15] . '; 246 245 display: block; 247 -webkit-border-radius: <?php echo $styledata[153]; ?>px;248 -moz-border-radius: <?php echo $styledata[153]; ?>px;249 -ms-border-radius: <?php echo $styledata[153]; ?>px;250 -o-border-radius: <?php echo $styledata[153]; ?>px;251 border-radius: <?php echo $styledata[153]; ?>px;246 -webkit-border-radius: ' . $styledata[153] . 'px; 247 -moz-border-radius: ' . $styledata[153] . 'px; 248 -ms-border-radius: ' . $styledata[153] . 'px; 249 -o-border-radius: ' . $styledata[153] . 'px; 250 border-radius:' . $styledata[153] . 'px; 252 251 overflow: hidden; 253 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;254 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;255 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;256 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;257 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;258 } 259 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{252 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 253 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 254 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 255 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 256 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 257 } 258 .oxilab-flip-box-back-' . $styleid . '-data{ 260 259 position: absolute; 261 260 left: 0%; 262 top: 50%; 263 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;261 top: 50%; 262 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 264 263 -webkit-transform: translateY(-50%); 265 264 -ms-transform: translateY(-50%); … … 269 268 width: 100%; 270 269 } 271 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 272 width: 100%; 273 float: left; 274 color: <?php echo $styledata[31]; ?>; 275 text-align: <?php echo $styledata[189]; ?>; 276 font-size: <?php echo $styledata[181]; ?>px; 277 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 278 font-weight: <?php echo $styledata[187]; ?>; 279 font-style:<?php echo $styledata[185]; ?>; 280 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 281 } 282 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 283 width: 100%; 284 float: left; 285 color: <?php echo $styledata[19]; ?>; 286 text-align: <?php echo $styledata[115]; ?>; 287 font-size: <?php echo $styledata[107]; ?>px; 288 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 289 font-weight: <?php echo $styledata[113]; ?>; 290 font-style:<?php echo $styledata[111]; ?>; 291 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 292 } 293 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 294 width: 100%; 295 float: left; 296 text-align: <?php echo $styledata[139]; ?>; 297 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 298 } 299 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 300 display: inline-block; 301 color: <?php echo $styledata[21]; ?>; 302 background-color: <?php echo $styledata[23]; ?>; 303 font-size: <?php echo $styledata[125]; ?>px; 304 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 305 font-weight: <?php echo $styledata[131]; ?>; 306 font-style:<?php echo $styledata[129]; ?>; 307 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 308 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 309 -moz-border-radius: <?php echo $styledata[137]; ?>px; 310 -ms-border-radius: <?php echo $styledata[137]; ?>px; 311 -o-border-radius: <?php echo $styledata[137]; ?>px; 312 border-radius: <?php echo $styledata[137]; ?>px; 313 } 314 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 315 background-color: <?php echo $styledata[27]; ?>; 316 color: <?php echo $styledata[25]; ?>; 317 } 318 <?php echo $styledata[199]; ?>; 319 </style> 270 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 271 width: 100%; 272 float: left; 273 color: ' . $styledata[31] . '; 274 text-align: ' . $styledata[189] . '; 275 font-size: ' . $styledata[181] . 'px; 276 font-family: ' . $this->font_familly($styledata[183]) . '; 277 font-weight: ' . $styledata[187] . '; 278 font-style:' . $styledata[185] . '; 279 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 280 } 281 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 282 width: 100%; 283 float: left; 284 color: ' . $styledata[19] . '; 285 text-align: ' . $styledata[115] . '; 286 font-size: ' . $styledata[107] . 'px; 287 font-family: ' . $this->font_familly($styledata[109]) . '; 288 font-weight: ' . $styledata[113] . '; 289 font-style:' . $styledata[111] . '; 290 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 291 } 292 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 293 width: 100%; 294 float: left; 295 text-align: ' . $styledata[139] . '; 296 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 297 } 298 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 299 display: inline-block; 300 color: ' . $styledata[21] . '; 301 background-color: ' . $styledata[23] . '; 302 font-size: ' . $styledata[125] . 'px; 303 font-family: ' . $this->font_familly($styledata[127]) . '; 304 font-weight: ' . $styledata[131] . '; 305 font-style:' . $styledata[129] . '; 306 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 307 -webkit-border-radius: ' . $styledata[137] . 'px; 308 -moz-border-radius: ' . $styledata[137] . 'px; 309 -ms-border-radius: ' . $styledata[137] . 'px; 310 -o-border-radius: ' . $styledata[137] . 'px; 311 border-radius: ' . $styledata[137] . 'px; 312 } 313 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 314 background-color: ' . $styledata[27] . '; 315 color: ' . $styledata[25] . '; 316 } 317 ' . $styledata[199] . ';'; 318 ?> 319 320 320 </div> 321 321 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style20.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-image"> 59 <img src="<?php echo $filesdata[5]; ?>">57 <img src="<?php echo esc_url($filesdata[5]); ?>"> 60 58 </div> 61 59 <div class="oxilab-heading"> 62 60 <?php echo $this->text_render($filesdata[1]); ?> 63 </div> 61 </div> 64 62 </div> 65 63 </div> 66 64 </div> 67 65 <div class="oxilab-flip-box-back"> 68 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">66 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 70 68 <div class="oxilab-heading"> 71 69 <?php echo $this->text_render($filesdata[17]); ?> … … 76 74 <?php 77 75 if ($filesdata[9] != '') { 78 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';76 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 79 77 echo '<div class="oxilab-button"> 80 78 <div class="oxilab-button-data"> … … 92 90 </div> 93 91 </div> 94 <?php echo $fileslinkend; 95 echo $this->admin_edit_panel($value['id']); 92 <?php 93 if ($filesdata[9] == '' && $filesdata[11] != '') { 94 echo '</a>'; 95 } 96 echo $this->admin_edit_panel($value['id']); 96 97 ?> 97 98 </div> 98 <style> 99 <?php 100 101 if ($filesdata[13] != '') { 102 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 99 100 <?php 101 if ($filesdata[13] != '') { 102 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 103 103 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 104 104 -moz-background-size: 100% 100%; … … 106 106 background-size: 100% 100%; 107 107 }'; 108 }109 ?>110 </style> 108 } 109 ?> 110 111 111 </div> 112 112 <?php 113 113 endif; 114 114 } 115 ?> 116 117 <style> 118 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 119 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 120 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 121 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 122 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 123 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 124 transition: opacity <?php echo $styledata[57]; ?>s linear; 125 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 126 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 127 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 128 -o-animation-duration: <?php echo $styledata[57]; ?>s; 129 animation-duration: <?php echo $styledata[57]; ?>s; 130 } 131 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 132 max-width: <?php echo $styledata[45]; ?>px; 115 116 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 117 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 118 -webkit-transition: opacity ' . $styledata[57] . 's linear; 119 -moz-transition: opacity ' . $styledata[57] . 's linear; 120 -ms-transition: opacity ' . $styledata[57] . 's linear; 121 -o-transition: opacity ' . $styledata[57] . 's linear; 122 transition: opacity ' . $styledata[57] . 's linear; 123 -webkit-animation-duration: ' . $styledata[57] . 's; 124 -moz-animation-duration: ' . $styledata[57] . 's; 125 -ms-animation-duration: ' . $styledata[57] . 's; 126 -o-animation-duration: ' . $styledata[57] . 's; 127 animation-duration: ' . $styledata[57] . 's; 128 } 129 .oxilab-flip-box-body-' . $styleid . '{ 130 max-width: ' . $styledata[45] . 'px; 133 131 width: 100%; 134 132 margin: 0 auto; 135 position: relative; 136 } 137 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {138 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;133 position: relative; 134 } 135 .oxilab-flip-box-body-' . $styleid . ':after { 136 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 139 137 content: ""; 140 138 display: block; 141 139 } 142 .oxilab-flip-box- <?php echo $styleid; ?>{143 position: absolute; 144 top: 0; 145 left: 0; 146 right: 0; 147 bottom: 0; 148 background-color: <?php echo $styledata[5]; ?>;149 border-color: <?php echo $styledata[7]; ?>;150 border-width: <?php echo $styledata[163]; ?>px;151 border-style: <?php echo $styledata[165]; ?>;152 display: block; 153 -webkit-border-radius: <?php echo $styledata[153]; ?>px;154 -moz-border-radius: <?php echo $styledata[153]; ?>px;155 -ms-border-radius: <?php echo $styledata[153]; ?>px;156 -o-border-radius: <?php echo $styledata[153]; ?>px;157 border-radius: <?php echo $styledata[153]; ?>px;158 overflow: hidden; 159 } 160 .oxilab-flip-box- <?php echo $styleid; ?>-data{140 .oxilab-flip-box-' . $styleid . '{ 141 position: absolute; 142 top: 0; 143 left: 0; 144 right: 0; 145 bottom: 0; 146 background-color: ' . $styledata[5] . '; 147 border-color:' . $styledata[7] . '; 148 border-width: ' . $styledata[163] . 'px; 149 border-style:' . $styledata[165] . '; 150 display: block; 151 -webkit-border-radius: ' . $styledata[153] . 'px; 152 -moz-border-radius: ' . $styledata[153] . 'px; 153 -ms-border-radius: ' . $styledata[153] . 'px; 154 -o-border-radius: ' . $styledata[153] . 'px; 155 border-radius: ' . $styledata[153] . 'px; 156 overflow: hidden; 157 } 158 .oxilab-flip-box-' . $styleid . '-data{ 161 159 position: absolute; 162 160 left: 0%; 163 top: 0%; 164 right: 0; 165 bottom: 0; 166 } 167 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image{168 position: absolute; 169 top: 0; 170 left: 0; 171 right: 0; 172 margin: <?php echo $styledata[71]; ?>px <?php echo $styledata[77]; ?>px <?php echo $styledata[73]; ?>px <?php echo $styledata[75]; ?>px;173 display: block; 174 } 175 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image:after{176 padding-bottom: <?php echo $styledata[69]; ?>%;161 top: 0%; 162 right: 0; 163 bottom: 0; 164 } 165 .oxilab-flip-box-' . $styleid . '-data .oxilab-image{ 166 position: absolute; 167 top: 0; 168 left: 0; 169 right: 0; 170 margin: ' . $styledata[71] . 'px ' . $styledata[77] . 'px ' . $styledata[73] . 'px ' . $styledata[75] . 'px; 171 display: block; 172 } 173 .oxilab-flip-box-' . $styleid . '-data .oxilab-image:after{ 174 padding-bottom: ' . $styledata[69] . '%; 177 175 content: ""; 178 176 display: block; 179 177 } 180 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image img{178 .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{ 181 179 position: absolute; 182 180 top: 0; … … 186 184 width: 100%; 187 185 height:100%; 188 display: block; 189 } 190 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{191 margin-top: <?php echo $styledata[69]; ?>%;192 color: <?php echo $styledata[13]; ?>;193 display: block; 194 text-align: <?php echo $styledata[91]; ?>;195 font-size: <?php echo $styledata[83]; ?>px;196 font-family: <?php echo $this->font_familly($styledata[85]); ?>;197 font-weight: <?php echo $styledata[89]; ?>;198 font-style: <?php echo $styledata[87]; ?>;199 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;200 } 201 .oxilab-flip-box-back- <?php echo $styleid; ?>{202 position: absolute; 203 top: 0; 204 left: 0; 205 right: 0; 206 bottom: 0; 207 background-color: <?php echo $styledata[15]; ?>;208 border-color: <?php echo $styledata[9]; ?>;209 border-width: <?php echo $styledata[167]; ?>px;210 border-style: <?php echo $styledata[169]; ?>;211 display: block; 212 -webkit-border-radius: <?php echo $styledata[153]; ?>px;213 -moz-border-radius: <?php echo $styledata[153]; ?>px;214 -ms-border-radius: <?php echo $styledata[153]; ?>px;215 -o-border-radius: <?php echo $styledata[153]; ?>px;216 border-radius: <?php echo $styledata[153]; ?>px;217 overflow: hidden; 218 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;219 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;220 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;221 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;222 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;223 } 224 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{186 display: block; 187 } 188 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 189 margin-top: ' . $styledata[69] . '%; 190 color: ' . $styledata[13] . '; 191 display: block; 192 text-align: ' . $styledata[91] . '; 193 font-size: ' . $styledata[83] . 'px; 194 font-family: ' . $this->font_familly($styledata[85]) . '; 195 font-weight: ' . $styledata[89] . '; 196 font-style:' . $styledata[87] . '; 197 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 198 } 199 .oxilab-flip-box-back-' . $styleid . '{ 200 position: absolute; 201 top: 0; 202 left: 0; 203 right: 0; 204 bottom: 0; 205 background-color: ' . $styledata[15] . '; 206 border-color:' . $styledata[9] . '; 207 border-width: ' . $styledata[167] . 'px; 208 border-style:' . $styledata[169] . '; 209 display: block; 210 -webkit-border-radius: ' . $styledata[153] . 'px; 211 -moz-border-radius: ' . $styledata[153] . 'px; 212 -ms-border-radius: ' . $styledata[153] . 'px; 213 -o-border-radius: ' . $styledata[153] . 'px; 214 border-radius: ' . $styledata[153] . 'px; 215 overflow: hidden; 216 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 217 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 218 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 219 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 220 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 221 } 222 .oxilab-flip-box-back-' . $styleid . '-data{ 225 223 position: absolute; 226 224 left: 0%; 227 225 right: 0; 228 top: 50%; 229 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;226 top: 50%; 227 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 230 228 -webkit-transform: translateY(-50%); 231 229 -ms-transform: translateY(-50%); 232 230 -moz-transform: translateY(-50%); 233 231 -o-transform: translateY(-50%); 234 transform: translateY(-50%); 235 } 236 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 237 display: block; 238 color: <?php echo $styledata[31]; ?>; 239 text-align: <?php echo $styledata[189]; ?>; 240 font-size: <?php echo $styledata[181]; ?>px; 241 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 242 font-weight: <?php echo $styledata[187]; ?>; 243 font-style:<?php echo $styledata[185]; ?>; 244 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 245 } 246 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 247 display: block; 248 color: <?php echo $styledata[19]; ?>; 249 text-align: <?php echo $styledata[115]; ?>; 250 font-size: <?php echo $styledata[107]; ?>px; 251 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 252 font-weight: <?php echo $styledata[113]; ?>; 253 font-style:<?php echo $styledata[111]; ?>; 254 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 255 } 256 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 257 display: block; 258 text-align: <?php echo $styledata[139]; ?>; 259 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 260 } 261 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 262 display: inline-block; 263 color: <?php echo $styledata[21]; ?>; 264 background-color: <?php echo $styledata[23]; ?>; 265 font-size: <?php echo $styledata[125]; ?>px; 266 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 267 font-weight: <?php echo $styledata[131]; ?>; 268 font-style:<?php echo $styledata[129]; ?>; 269 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 270 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 271 -moz-border-radius: <?php echo $styledata[137]; ?>px; 272 -ms-border-radius: <?php echo $styledata[137]; ?>px; 273 -o-border-radius: <?php echo $styledata[137]; ?>px; 274 border-radius: <?php echo $styledata[137]; ?>px; 275 } 276 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 277 background-color: <?php echo $styledata[27]; ?>; 278 color: <?php echo $styledata[25]; ?>; 279 } 280 <?php echo $styledata[199]; ?>; 281 </style> 232 transform: translateY(-50%); 233 } 234 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 235 display: block; 236 color: ' . $styledata[31] . '; 237 text-align: ' . $styledata[189] . '; 238 font-size: ' . $styledata[181] . 'px; 239 font-family: ' . $this->font_familly($styledata[183]) . '; 240 font-weight: ' . $styledata[187] . '; 241 font-style:' . $styledata[185] . '; 242 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 243 } 244 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 245 display: block; 246 color: ' . $styledata[19] . '; 247 text-align: ' . $styledata[115] . '; 248 font-size: ' . $styledata[107] . 'px; 249 font-family: ' . $this->font_familly($styledata[109]) . '; 250 font-weight: ' . $styledata[113] . '; 251 font-style:' . $styledata[111] . '; 252 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 253 } 254 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 255 display: block; 256 text-align: ' . $styledata[139] . '; 257 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 258 } 259 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 260 display: inline-block; 261 color: ' . $styledata[21] . '; 262 background-color: ' . $styledata[23] . '; 263 font-size: ' . $styledata[125] . 'px; 264 font-family: ' . $this->font_familly($styledata[127]) . '; 265 font-weight: ' . $styledata[131] . '; 266 font-style:' . $styledata[129] . '; 267 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 268 -webkit-border-radius: ' . $styledata[137] . 'px; 269 -moz-border-radius: ' . $styledata[137] . 'px; 270 -ms-border-radius: ' . $styledata[137] . 'px; 271 -o-border-radius: ' . $styledata[137] . 'px; 272 border-radius: ' . $styledata[137] . 'px; 273 } 274 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 275 background-color: ' . $styledata[27] . '; 276 color: ' . $styledata[25] . '; 277 } 278 ' . $styledata[199] . ';'; 279 ?> 280 281 282 282 </div> 283 283 -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style21.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> 30 31 <div class="oxilab-flip-box-wrapper"> 31 32 <?php 32 33 33 foreach ($listdata as $value) { 34 34 if ($value['files'] != ''): 35 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 36 36 ?> 37 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"38 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 39 39 sa-data-animation-offset="100%" 40 40 sa-data-animation-delay="0ms" 41 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 42 42 > 43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 44 44 <?php 45 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 46 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 47 $fileslinkend = '</a>'; 48 } else { 49 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 50 47 } 51 48 ?> 52 49 <div class="oxilab-flip-box-body-absulote"> 53 <div class="<?php echo $styledata[1]; ?>">54 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 55 52 <div class="oxilab-flip-box-style"> 56 53 <div class="oxilab-flip-box-front"> 57 <div class="oxilab-flip-box-<?php echo $styleid; ?>">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 58 55 <div class="oxilab-span"> 59 56 60 57 </div> 61 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">58 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 62 59 <div class="oxilab-icon"> 63 60 <div class="oxilab-icon-data"> … … 67 64 <div class="oxilab-heading"> 68 65 <?php echo $this->text_render($filesdata[1]); ?> 69 </div> 66 </div> 70 67 </div> 71 68 </div> 72 69 </div> 73 70 <div class="oxilab-flip-box-back"> 74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">71 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 76 73 <div class="oxilab-info"> 77 74 <?php echo $this->text_render($filesdata[7]); ?> … … 79 76 <?php 80 77 if ($filesdata[9] != '') { 81 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';78 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 82 79 echo '<div class="oxilab-button"> 83 80 <div class="oxilab-button-data"> … … 96 93 </div> 97 94 </div> 98 <?php echo $fileslinkend; 99 echo $this->admin_edit_panel($value['id']); 95 <?php 96 if ($filesdata[9] == '' && $filesdata[11] != '') { 97 echo '</a>'; 98 } 99 echo $this->admin_edit_panel($value['id']); 100 100 ?> 101 101 102 102 </div> 103 103 104 <style> 105 <?php106 if ($filesdata[5] != '') {107 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{104 105 <?php 106 if ($filesdata[5] != '') { 107 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 108 108 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 109 109 -moz-background-size: 100% 100%; … … 111 111 background-size: 100% 100%; 112 112 }'; 113 }114 if ($filesdata[13] != '') {115 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{113 } 114 if ($filesdata[13] != '') { 115 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 116 116 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 117 117 -moz-background-size: 100% 100%; … … 119 119 background-size: 100% 100%; 120 120 }'; 121 }122 ?>123 </style> 121 } 122 ?> 123 124 124 </div> 125 125 <?php 126 126 endif; 127 127 } 128 ?> 129 130 <style> 131 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 132 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 133 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 137 transition: opacity <?php echo $styledata[57]; ?>s linear; 138 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 139 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 140 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 141 -o-animation-duration: <?php echo $styledata[57]; ?>s; 142 animation-duration: <?php echo $styledata[57]; ?>s; 143 } 144 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 145 max-width: <?php echo $styledata[45]; ?>px; 128 129 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 130 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 131 -webkit-transition: opacity ' . $styledata[57] . 's linear; 132 -moz-transition: opacity ' . $styledata[57] . 's linear; 133 -ms-transition: opacity ' . $styledata[57] . 's linear; 134 -o-transition: opacity ' . $styledata[57] . 's linear; 135 transition: opacity ' . $styledata[57] . 's linear; 136 -webkit-animation-duration: ' . $styledata[57] . 's; 137 -moz-animation-duration: ' . $styledata[57] . 's; 138 -ms-animation-duration: ' . $styledata[57] . 's; 139 -o-animation-duration: ' . $styledata[57] . 's; 140 animation-duration: ' . $styledata[57] . 's; 141 } 142 .oxilab-flip-box-body-' . $styleid . '{ 143 max-width: ' . $styledata[45] . 'px; 146 144 width: 100%; 147 145 margin: 0 auto; 148 position: relative; 149 } 150 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {151 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;146 position: relative; 147 } 148 .oxilab-flip-box-body-' . $styleid . ':after { 149 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 152 150 content: ""; 153 151 display: block; 154 152 } 155 .oxilab-flip-box- <?php echo $styleid; ?>{153 .oxilab-flip-box-' . $styleid . '{ 156 154 position: absolute; 157 155 top: 0; … … 159 157 right: 0; 160 158 bottom: 0; 161 border-width: <?php echo $styledata[149]; ?>px;162 border-style: <?php echo $styledata[151]; ?>;163 background-color: <?php echo $styledata[5]; ?>;164 border-color: <?php echo $styledata[7]; ?>;165 display: block; 166 -webkit-border-radius: <?php echo $styledata[153]; ?>px;167 -moz-border-radius: <?php echo $styledata[153]; ?>px;168 -ms-border-radius: <?php echo $styledata[153]; ?>px;169 -o-border-radius: <?php echo $styledata[153]; ?>px;170 border-radius: <?php echo $styledata[153]; ?>px;159 border-width: ' . $styledata[149] . 'px; 160 border-style:' . $styledata[151] . '; 161 background-color: ' . $styledata[5] . '; 162 border-color: ' . $styledata[7] . '; 163 display: block; 164 -webkit-border-radius: ' . $styledata[153] . 'px; 165 -moz-border-radius: ' . $styledata[153] . 'px; 166 -ms-border-radius: ' . $styledata[153] . 'px; 167 -o-border-radius: ' . $styledata[153] . 'px; 168 border-radius: ' . $styledata[153] . 'px; 171 169 overflow: hidden; 172 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;174 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;175 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;176 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;177 } 178 .oxilab-flip-box- <?php echo $styleid; ?>.oxilab-span{170 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 172 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 173 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 174 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 175 } 176 .oxilab-flip-box-' . $styleid . ' .oxilab-span{ 179 177 position: absolute; 180 178 top: 0; 181 179 left: 0; 182 180 right: 0; 183 background-color: <?php echo $styledata[11]; ?>;184 height: <?php echo $styledata[75]; ?>px;185 overflow: hidden; 186 } 187 .oxilab-flip-box- <?php echo $styleid; ?>-data{181 background-color: ' . $styledata[11] . '; 182 height: ' . $styledata[75] . 'px; 183 overflow: hidden; 184 } 185 .oxilab-flip-box-' . $styleid . '-data{ 188 186 position: absolute; 189 187 left: 0%; 190 bottom: 0%; 191 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;192 right: 0; 193 } 194 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{195 display: block; 196 text-align: center; 197 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;198 } 199 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{200 display: inline-block; 201 } 202 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{203 line-height: <?php echo $styledata[79]; ?>px;204 font-size: <?php echo $styledata[77]; ?>px;205 color: <?php echo $styledata[9]; ?>;206 } 207 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{208 display: block; 209 color: <?php echo $styledata[13]; ?>;210 text-align: <?php echo $styledata[91]; ?>;211 font-size: <?php echo $styledata[83]; ?>px;212 font-family: <?php echo $this->font_familly($styledata[85]); ?>;213 font-weight: <?php echo $styledata[89]; ?>;214 font-style: <?php echo $styledata[87]; ?>;215 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;216 217 } 218 .oxilab-flip-box-back- <?php echo $styleid; ?>{188 bottom: 0%; 189 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 190 right: 0; 191 } 192 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 193 display: block; 194 text-align: center; 195 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 196 } 197 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 198 display: inline-block; 199 } 200 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 201 line-height: ' . $styledata[79] . 'px; 202 font-size: ' . $styledata[77] . 'px; 203 color: ' . $styledata[9] . '; 204 } 205 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 206 display: block; 207 color: ' . $styledata[13] . '; 208 text-align: ' . $styledata[91] . '; 209 font-size: ' . $styledata[83] . 'px; 210 font-family: ' . $this->font_familly($styledata[85]) . '; 211 font-weight: ' . $styledata[89] . '; 212 font-style:' . $styledata[87] . '; 213 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 214 215 } 216 .oxilab-flip-box-back-' . $styleid . '{ 219 217 position: absolute; 220 218 top: 0; … … 222 220 right: 0; 223 221 bottom: 0; 224 border-width: <?php echo $styledata[155]; ?>px;225 border-style: <?php echo $styledata[157]; ?>;226 border-color: <?php echo $styledata[17]; ?>;227 background-color: <?php echo $styledata[15]; ?>;228 display: block; 229 -webkit-border-radius: <?php echo $styledata[153]; ?>px;230 -moz-border-radius: <?php echo $styledata[153]; ?>px;231 -ms-border-radius: <?php echo $styledata[153]; ?>px;232 -o-border-radius: <?php echo $styledata[153]; ?>px;233 border-radius: <?php echo $styledata[153]; ?>px;222 border-width: ' . $styledata[155] . 'px; 223 border-style:' . $styledata[157] . '; 224 border-color: ' . $styledata[17] . '; 225 background-color: ' . $styledata[15] . '; 226 display: block; 227 -webkit-border-radius: ' . $styledata[153] . 'px; 228 -moz-border-radius: ' . $styledata[153] . 'px; 229 -ms-border-radius: ' . $styledata[153] . 'px; 230 -o-border-radius: ' . $styledata[153] . 'px; 231 border-radius: ' . $styledata[153] . 'px; 234 232 overflow: hidden; 235 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;236 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;237 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;238 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;240 } 241 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{233 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 234 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 235 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 236 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 237 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 238 } 239 .oxilab-flip-box-back-' . $styleid . '-data{ 242 240 position: absolute; 243 241 left: 0%; 244 242 right: 0; 245 top: 50%; 246 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;243 top: 50%; 244 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 247 245 -webkit-transform: translateY(-50%); 248 246 -ms-transform: translateY(-50%); 249 247 -moz-transform: translateY(-50%); 250 248 -o-transform: translateY(-50%); 251 transform: translateY(-50%); 252 } 253 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 254 display: block; 255 color: <?php echo $styledata[19]; ?>; 256 text-align: <?php echo $styledata[115]; ?>; 257 font-size: <?php echo $styledata[107]; ?>px; 258 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 259 font-weight: <?php echo $styledata[113]; ?>; 260 font-style:<?php echo $styledata[111]; ?>; 261 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 262 263 } 264 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 265 display: block; 266 text-align: <?php echo $styledata[139]; ?>; 267 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 268 } 269 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 270 display: inline-block; 271 font-size: <?php echo $styledata[125]; ?>px; 272 color: <?php echo $styledata[21]; ?>; 273 background-color: <?php echo $styledata[23]; ?>; 274 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 275 font-weight: <?php echo $styledata[131]; ?>; 276 font-style:<?php echo $styledata[129]; ?>; 277 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 278 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 279 -moz-border-radius: <?php echo $styledata[137]; ?>px; 280 -ms-border-radius: <?php echo $styledata[137]; ?>px; 281 -o-border-radius: <?php echo $styledata[137]; ?>px; 282 border-radius: <?php echo $styledata[137]; ?>px; 283 } 284 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 285 background-color: <?php echo $styledata[27]; ?>; 286 color: <?php echo $styledata[25]; ?>; 287 } 288 <?php echo $styledata[163]; ?>; 289 </style> 249 transform: translateY(-50%); 250 } 251 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 252 display: block; 253 color: ' . $styledata[19] . '; 254 text-align: ' . $styledata[115] . '; 255 font-size: ' . $styledata[107] . 'px; 256 font-family: ' . $this->font_familly($styledata[109]) . '; 257 font-weight: ' . $styledata[113] . '; 258 font-style:' . $styledata[111] . '; 259 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 260 261 } 262 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 263 display: block; 264 text-align: ' . $styledata[139] . '; 265 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 266 } 267 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 268 display: inline-block; 269 font-size: ' . $styledata[125] . 'px; 270 color: ' . $styledata[21] . '; 271 background-color: ' . $styledata[23] . '; 272 font-family: ' . $this->font_familly($styledata[127]) . '; 273 font-weight: ' . $styledata[131] . '; 274 font-style:' . $styledata[129] . '; 275 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 276 -webkit-border-radius: ' . $styledata[137] . 'px; 277 -moz-border-radius: ' . $styledata[137] . 'px; 278 -ms-border-radius: ' . $styledata[137] . 'px; 279 -o-border-radius: ' . $styledata[137] . 'px; 280 border-radius: ' . $styledata[137] . 'px; 281 } 282 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 283 background-color: ' . $styledata[27] . '; 284 color: ' . $styledata[25] . '; 285 } 286 ' . $styledata[163] . ';'; 287 ?> 288 289 290 290 </div> 291 291 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style22.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <img src="<?php echo $filesdata[5]; ?>">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <img src="<?php echo esc_url($filesdata[5]); ?>"> 58 56 </div> 59 57 </div> 60 58 <div class="oxilab-flip-box-back"> 61 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">62 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">59 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 60 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 63 61 <div class="oxilab-heading"> 64 62 <?php echo $this->text_render($filesdata[17]); ?> … … 70 68 <?php 71 69 if ($filesdata[9] != '') { 72 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';70 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 73 71 echo '<div class="oxilab-button"> 74 72 <div class="oxilab-button-data"> … … 86 84 </div> 87 85 </div> 88 <?php echo $fileslinkend; 89 echo $this->admin_edit_panel($value['id']); 86 <?php 87 if ($filesdata[9] == '' && $filesdata[11] != '') { 88 echo '</a>'; 89 } 90 echo $this->admin_edit_panel($value['id']); 90 91 ?> 91 92 </div> 92 <style> 93 <?php94 if ($filesdata[13] != '') {95 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{93 94 <?php 95 if ($filesdata[13] != '') { 96 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 96 97 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 97 98 -moz-background-size: 100% 100%; … … 99 100 background-size: 100% 100%; 100 101 }'; 101 }102 ?>103 </style> 102 } 103 ?> 104 104 105 </div> 105 106 <?php 106 107 endif; 107 108 } 108 ?> 109 <style> 110 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 111 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 112 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 113 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 114 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 115 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 116 transition: opacity <?php echo $styledata[57]; ?>s linear; 117 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 118 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 119 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 120 -o-animation-duration: <?php echo $styledata[57]; ?>s; 121 animation-duration: <?php echo $styledata[57]; ?>s; 122 } 123 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 124 max-width: <?php echo $styledata[45]; ?>px; 109 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 110 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 111 -webkit-transition: opacity ' . $styledata[57] . 's linear; 112 -moz-transition: opacity ' . $styledata[57] . 's linear; 113 -ms-transition: opacity ' . $styledata[57] . 's linear; 114 -o-transition: opacity ' . $styledata[57] . 's linear; 115 transition: opacity ' . $styledata[57] . 's linear; 116 -webkit-animation-duration: ' . $styledata[57] . 's; 117 -moz-animation-duration: ' . $styledata[57] . 's; 118 -ms-animation-duration: ' . $styledata[57] . 's; 119 -o-animation-duration: ' . $styledata[57] . 's; 120 animation-duration: ' . $styledata[57] . 's; 121 } 122 .oxilab-flip-box-body-' . $styleid . '{ 123 max-width: ' . $styledata[45] . 'px; 125 124 width: 100%; 126 125 margin: 0 auto; 127 position: relative; 128 } 129 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {130 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;126 position: relative; 127 } 128 .oxilab-flip-box-body-' . $styleid . ':after { 129 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 131 130 content: ""; 132 131 display: block; 133 132 } 134 .oxilab-flip-box- <?php echo $styleid; ?>{133 .oxilab-flip-box-' . $styleid . '{ 135 134 position: absolute; 136 135 top: 0; … … 138 137 right: 0; 139 138 bottom: 0; 140 display: block; 141 background-color: <?php echo $styledata[5]; ?>;142 -webkit-border-radius: <?php echo $styledata[153]; ?>px;143 -moz-border-radius: <?php echo $styledata[153]; ?>px;144 -ms-border-radius: <?php echo $styledata[153]; ?>px;145 -o-border-radius: <?php echo $styledata[153]; ?>px;146 border-radius: <?php echo $styledata[153]; ?>px;139 display: block; 140 background-color: ' . $styledata[5] . '; 141 -webkit-border-radius: ' . $styledata[153] . 'px; 142 -moz-border-radius: ' . $styledata[153] . 'px; 143 -ms-border-radius: ' . $styledata[153] . 'px; 144 -o-border-radius: ' . $styledata[153] . 'px; 145 border-radius: ' . $styledata[153] . 'px; 147 146 overflow: hidden; 148 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;149 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;150 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;151 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;152 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;153 } 154 .oxilab-flip-box- <?php echo $styleid; ?>img{147 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 148 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 149 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 150 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 151 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 152 } 153 .oxilab-flip-box-' . $styleid . ' img{ 155 154 position: absolute; 156 155 top: 0; … … 161 160 bottom: 0; 162 161 display: block; 163 -webkit-border-radius: <?php echo $styledata[153]; ?>px;164 -moz-border-radius: <?php echo $styledata[153]; ?>px;165 -ms-border-radius: <?php echo $styledata[153]; ?>px;166 -o-border-radius: <?php echo $styledata[153]; ?>px;167 border-radius: <?php echo $styledata[153]; ?>px;162 -webkit-border-radius: ' . $styledata[153] . 'px; 163 -moz-border-radius: ' . $styledata[153] . 'px; 164 -ms-border-radius: ' . $styledata[153] . 'px; 165 -o-border-radius: ' . $styledata[153] . 'px; 166 border-radius:' . $styledata[153] . 'px; 168 167 overflow: hidden; 169 168 } 170 .oxilab-flip-box-back- <?php echo $styleid; ?>{169 .oxilab-flip-box-back-' . $styleid . '{ 171 170 position: absolute; 172 171 top: 0; … … 174 173 right: 0; 175 174 bottom: 0; 176 display: block; 177 background-color: <?php echo $styledata[15]; ?>;178 -webkit-border-radius: <?php echo $styledata[153]; ?>px;179 -moz-border-radius: <?php echo $styledata[153]; ?>px;180 -ms-border-radius: <?php echo $styledata[153]; ?>px;181 -o-border-radius: <?php echo $styledata[153]; ?>px;182 border-radius: <?php echo $styledata[153]; ?>px;175 display: block; 176 background-color: ' . $styledata[15] . '; 177 -webkit-border-radius: ' . $styledata[153] . 'px; 178 -moz-border-radius: ' . $styledata[153] . 'px; 179 -ms-border-radius: ' . $styledata[153] . 'px; 180 -o-border-radius: ' . $styledata[153] . 'px; 181 border-radius: ' . $styledata[153] . 'px; 183 182 overflow: hidden; 184 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;185 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;186 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;187 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;188 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;189 } 190 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{183 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 184 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 185 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 186 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 187 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 188 } 189 .oxilab-flip-box-back-' . $styleid . '-data{ 191 190 position: absolute; 192 191 left: 0%; 193 192 right: 0; 194 top: 50%; 195 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;193 top: 50%; 194 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 196 195 -webkit-transform: translateY(-50%); 197 196 -ms-transform: translateY(-50%); 198 197 -moz-transform: translateY(-50%); 199 198 -o-transform: translateY(-50%); 200 transform: translateY(-50%); 201 } 202 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{199 transform: translateY(-50%); 200 } 201 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 203 202 display: block; 204 203 position: relative; 205 color: <?php echo $styledata[31]; ?>;206 text-align: <?php echo $styledata[189]; ?>;207 font-size: <?php echo $styledata[181]; ?>px;208 font-family: <?php echo $this->font_familly($styledata[183]); ?>;209 font-weight: <?php echo $styledata[187]; ?>;210 font-style: <?php echo $styledata[185]; ?>;211 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;212 } 213 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{204 color: ' . $styledata[31] . '; 205 text-align: ' . $styledata[189] . '; 206 font-size: ' . $styledata[181] . 'px; 207 font-family: ' . $this->font_familly($styledata[183]) . '; 208 font-weight: ' . $styledata[187] . '; 209 font-style:' . $styledata[185] . '; 210 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 211 } 212 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 214 213 position: absolute; 215 214 left: 50%; 216 bottom: 0%; 217 background-color: <?php echo $styledata[7]; ?>;218 width: <?php echo $styledata[155]; ?>px;219 height: <?php echo $styledata[157]; ?>px;215 bottom: 0%; 216 background-color: ' . $styledata[7] . '; 217 width: ' . $styledata[155] . 'px; 218 height: ' . $styledata[157] . 'px; 220 219 -webkit-transform: translateX(-50%); 221 220 -ms-transform: translateX(-50%); … … 224 223 transform: translateX(-50%); 225 224 } 226 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 227 display: block; 228 color: <?php echo $styledata[19]; ?>; 229 text-align: <?php echo $styledata[115]; ?>; 230 font-size: <?php echo $styledata[107]; ?>px; 231 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 232 font-weight: <?php echo $styledata[113]; ?>; 233 font-style:<?php echo $styledata[111]; ?>; 234 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 235 236 } 237 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 238 display: block; 239 text-align: <?php echo $styledata[139]; ?>; 240 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 241 } 242 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 243 display: inline-block; 244 color: <?php echo $styledata[21]; ?>; 245 background-color: <?php echo $styledata[23]; ?>; 246 font-size: <?php echo $styledata[125]; ?>px; 247 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 248 font-weight: <?php echo $styledata[131]; ?>; 249 font-style:<?php echo $styledata[129]; ?>; 250 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 251 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 252 -moz-border-radius: <?php echo $styledata[137]; ?>px; 253 -ms-border-radius: <?php echo $styledata[137]; ?>px; 254 -o-border-radius: <?php echo $styledata[137]; ?>px; 255 border-radius: <?php echo $styledata[137]; ?>px; 256 } 257 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 258 background-color: <?php echo $styledata[27]; ?>; 259 color: <?php echo $styledata[25]; ?>; 260 } 261 <?php echo $styledata[199]; ?>; 262 </style> 225 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 226 display: block; 227 color: ' . $styledata[19] . '; 228 text-align: ' . $styledata[115] . '; 229 font-size: ' . $styledata[107] . 'px; 230 font-family: ' . $this->font_familly($styledata[109]) . '; 231 font-weight: ' . $styledata[113] . '; 232 font-style:' . $styledata[111] . '; 233 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 234 235 } 236 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 237 display: block; 238 text-align: ' . $styledata[139] . '; 239 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 240 } 241 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 242 display: inline-block; 243 color: ' . $styledata[21] . '; 244 background-color: ' . $styledata[23] . '; 245 font-size: ' . $styledata[125] . 'px; 246 font-family: ' . $this->font_familly($styledata[127]) . '; 247 font-weight: ' . $styledata[131] . '; 248 font-style:' . $styledata[129] . '; 249 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 250 -webkit-border-radius: ' . $styledata[137] . 'px; 251 -moz-border-radius: ' . $styledata[137] . 'px; 252 -ms-border-radius: ' . $styledata[137] . 'px; 253 -o-border-radius: ' . $styledata[137] . 'px; 254 border-radius: ' . $styledata[137] . 'px; 255 } 256 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 257 background-color: ' . $styledata[27] . '; 258 color: ' . $styledata[25] . '; 259 } 260 ' . $styledata[199] . ';'; 261 ?> 262 263 263 </div> 264 264 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style23.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 31 32 <?php 32 33 foreach ($listdata as $value) { 33 $filesdata = explode("{#}|{#}", $value['files']);34 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 34 35 ?> 35 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"36 sa-data-animation="<?php echo $styledata[55]; ?>"36 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 37 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 37 38 sa-data-animation-offset="100%" 38 39 sa-data-animation-delay="0ms" 39 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">40 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">40 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 41 42 <?php 42 43 if ($filesdata[11] != '') { 43 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 44 $fileslinkend = '</a>'; 45 } else { 46 $fileslinkend = ''; 44 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 47 45 } 48 46 ?> 49 47 <div class="oxilab-flip-box-body-absulote"> 50 <div class="<?php echo $styledata[1]; ?>">51 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">48 <div class="<?php echo esc_attr($styledata[1]); ?>"> 49 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 52 50 <div class="oxilab-flip-box-style"> 53 51 <div class="oxilab-flip-box-front"> 54 <div class="oxilab-flip-box-<?php echo $styleid; ?>">55 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">52 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 56 54 <div class="oxilab-icon"> 57 55 <div class="oxilab-icon-data"> … … 70 68 </div> 71 69 <div class="oxilab-flip-box-back"> 72 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">73 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">70 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 71 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 74 72 <div class="oxilab-heading"> 75 73 <?php echo $this->text_render($filesdata[17]); ?> … … 79 77 <div class="oxilab-info"> 80 78 <?php echo $this->text_render($filesdata[7]); ?> 81 </div> 79 </div> 82 80 </div> 83 81 </div> … … 87 85 </div> 88 86 </div> 89 <?php echo $fileslinkend; 90 echo $this->admin_edit_panel($value['id']); 87 <?php 88 if ($filesdata[11] != '') { 89 echo '</a>'; 90 } 91 echo $this->admin_edit_panel($value['id']); 91 92 ?> 92 93 </div> 93 <style> 94 <?php95 if ($filesdata[5] != '') {96 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{94 95 <?php 96 if ($filesdata[5] != '') { 97 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{ 97 98 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 98 99 -moz-background-size: 100% 100%; … … 100 101 background-size: 100% 100%; 101 102 }'; 102 }103 if ($filesdata[13] != '') {104 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{103 } 104 if ($filesdata[13] != '') { 105 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{ 105 106 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 106 107 -moz-background-size: 100% 100%; … … 108 109 background-size: 100% 100%; 109 110 }'; 110 }111 ?>112 </style> 111 } 112 ?> 113 113 114 </div> 114 115 <?php 115 116 } 116 ?> 117 <style> 118 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 119 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 120 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 121 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 122 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 123 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 124 transition: opacity <?php echo $styledata[57]; ?>s linear; 125 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 126 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 127 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 128 -o-animation-duration: <?php echo $styledata[57]; ?>s; 129 animation-duration: <?php echo $styledata[57]; ?>s; 130 } 131 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 132 max-width: <?php echo $styledata[45]; ?>px; 117 118 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 119 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 120 -webkit-transition: opacity ' . $styledata[57] . 's linear; 121 -moz-transition: opacity ' . $styledata[57] . 's linear; 122 -ms-transition: opacity ' . $styledata[57] . 's linear; 123 -o-transition: opacity ' . $styledata[57] . 's linear; 124 transition: opacity ' . $styledata[57] . 's linear; 125 -webkit-animation-duration: ' . $styledata[57] . 's; 126 -moz-animation-duration: ' . $styledata[57] . 's; 127 -ms-animation-duration: ' . $styledata[57] . 's; 128 -o-animation-duration: ' . $styledata[57] . 's; 129 animation-duration: ' . $styledata[57] . 's; 130 } 131 .oxilab-flip-box-body-' . $styleid . '{ 132 max-width: ' . $styledata[45] . 'px; 133 133 width: 100%; 134 134 margin: 0 auto; 135 position: relative; 136 } 137 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {138 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;135 position: relative; 136 } 137 .oxilab-flip-box-body-' . $styleid . ':after { 138 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 139 139 content: ""; 140 140 display: block; 141 141 } 142 .oxilab-flip-box-body- <?php echo $styleid; ?> .oxilab-flip-box-front{143 -webkit-border-radius: <?php echo $styledata[153]; ?>px;144 -moz-border-radius: <?php echo $styledata[153]; ?>px;145 -ms-border-radius: <?php echo $styledata[153]; ?>px;146 -o-border-radius: <?php echo $styledata[153]; ?>px;147 border-radius: <?php echo $styledata[153]; ?>px;148 background-color: <?php echo $styledata[5]; ?>;142 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{ 143 -webkit-border-radius: ' . $styledata[153] . 'px; 144 -moz-border-radius: ' . $styledata[153] . 'px; 145 -ms-border-radius: ' . $styledata[153] . 'px; 146 -o-border-radius: ' . $styledata[153] . 'px; 147 border-radius: ' . $styledata[153] . 'px; 148 background-color: ' . $styledata[5] . '; 149 149 overflow: hidden; 150 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;151 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;152 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;153 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;154 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;155 } 156 .oxilab-flip-box- <?php echo $styleid; ?>{150 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 151 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 152 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 153 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 154 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 155 } 156 .oxilab-flip-box-' . $styleid . '{ 157 157 position: absolute; 158 158 top: 0; … … 160 160 right: 0; 161 161 bottom: 0; 162 margin: <?php echo $styledata[105]; ?>px;163 border-width: <?php echo $styledata[149]; ?>px;164 border-style: <?php echo $styledata[151]; ?>;165 border-color: <?php echo $styledata[7]; ?>;166 display: block; 167 -webkit-border-radius: <?php echo $styledata[153]; ?>px;168 -moz-border-radius: <?php echo $styledata[153]; ?>px;169 -ms-border-radius: <?php echo $styledata[153]; ?>px;170 -o-border-radius: <?php echo $styledata[153]; ?>px;171 border-radius: <?php echo $styledata[153]; ?>px;162 margin: ' . $styledata[105] . 'px; 163 border-width: ' . $styledata[149] . 'px; 164 border-style:' . $styledata[151] . '; 165 border-color: ' . $styledata[7] . '; 166 display: block; 167 -webkit-border-radius: ' . $styledata[153] . 'px; 168 -moz-border-radius: ' . $styledata[153] . 'px; 169 -ms-border-radius: ' . $styledata[153] . 'px; 170 -o-border-radius: ' . $styledata[153] . 'px; 171 border-radius: ' . $styledata[153] . 'px; 172 172 overflow: hidden; 173 173 } 174 .oxilab-flip-box- <?php echo $styleid; ?>-data{174 .oxilab-flip-box-' . $styleid . '-data{ 175 175 position: absolute; 176 176 left: 0%; 177 top: 50%; 178 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;177 top: 50%; 178 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 179 179 -webkit-transform: translateY(-50%); 180 180 -ms-transform: translateY(-50%); … … 184 184 right: 0; 185 185 } 186 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{187 display: block; 188 text-align: center; 189 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;190 } 191 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{192 display: inline-block; 193 background-color: <?php echo $styledata[11]; ?>;194 width: <?php echo $styledata[79]; ?>px;195 height: <?php echo $styledata[79]; ?>px;196 webkit-border-radius: <?php echo $styledata[81]; ?>px;197 -moz-border-radius: <?php echo $styledata[81]; ?>px;198 -ms-border-radius: <?php echo $styledata[81]; ?>px;199 -o-border-radius: <?php echo $styledata[81]; ?>px;200 border-radius: <?php echo $styledata[81]; ?>px;201 } 202 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{203 line-height: <?php echo $styledata[79]; ?>px;204 font-size: <?php echo $styledata[77]; ?>px;205 color: <?php echo $styledata[9]; ?>;206 } 207 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{208 display: block; 209 color: <?php echo $styledata[13]; ?>;210 text-align: <?php echo $styledata[91]; ?>;211 font-size: <?php echo $styledata[83]; ?>px;212 font-family: <?php echo $this->font_familly($styledata[85]); ?>;213 font-weight: <?php echo $styledata[89]; ?>;214 font-style: <?php echo $styledata[87]; ?>;215 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;216 } 217 218 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{219 display: block; 220 color: <?php echo $styledata[19]; ?>;221 text-align: <?php echo $styledata[171]; ?>;222 font-size: <?php echo $styledata[163]; ?>px;223 font-family: <?php echo $this->font_familly($styledata[165]); ?>;224 font-weight: <?php echo $styledata[169]; ?>;225 font-style: <?php echo $styledata[167]; ?>;226 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;227 } 228 .oxilab-flip-box-body- <?php echo $styleid; ?>.oxilab-flip-box-back{229 -webkit-border-radius: <?php echo $styledata[153]; ?>px;230 -moz-border-radius: <?php echo $styledata[153]; ?>px;231 -ms-border-radius: <?php echo $styledata[153]; ?>px;232 -o-border-radius: <?php echo $styledata[153]; ?>px;233 border-radius: <?php echo $styledata[153]; ?>px;234 background-color: <?php echo $styledata[15]; ?>;186 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 187 display: block; 188 text-align: center; 189 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 190 } 191 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 192 display: inline-block; 193 background-color: ' . $styledata[11] . '; 194 width: ' . $styledata[79] . 'px; 195 height: ' . $styledata[79] . 'px; 196 webkit-border-radius: ' . $styledata[81] . 'px; 197 -moz-border-radius: ' . $styledata[81] . 'px; 198 -ms-border-radius: ' . $styledata[81] . 'px; 199 -o-border-radius: ' . $styledata[81] . 'px; 200 border-radius:' . $styledata[81] . 'px; 201 } 202 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 203 line-height:' . $styledata[79] . 'px; 204 font-size: ' . $styledata[77] . 'px; 205 color: ' . $styledata[9] . '; 206 } 207 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 208 display: block; 209 color: ' . $styledata[13] . '; 210 text-align: ' . $styledata[91] . '; 211 font-size: ' . $styledata[83] . 'px; 212 font-family: ' . $this->font_familly($styledata[85]) . '; 213 font-weight: ' . $styledata[89] . '; 214 font-style:' . $styledata[87] . '; 215 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 216 } 217 218 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 219 display: block; 220 color: ' . $styledata[19] . '; 221 text-align: ' . $styledata[171] . '; 222 font-size: ' . $styledata[163] . 'px; 223 font-family: ' . $this->font_familly($styledata[165]) . '; 224 font-weight: ' . $styledata[169] . '; 225 font-style:' . $styledata[167] . '; 226 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 227 } 228 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{ 229 -webkit-border-radius: ' . $styledata[153] . 'px; 230 -moz-border-radius: ' . $styledata[153] . 'px; 231 -ms-border-radius: ' . $styledata[153] . 'px; 232 -o-border-radius: ' . $styledata[153] . 'px; 233 border-radius: ' . $styledata[153] . 'px; 234 background-color: ' . $styledata[15] . '; 235 235 overflow: hidden; 236 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;237 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;238 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;240 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;241 } 242 .oxilab-flip-box-back- <?php echo $styleid; ?>{236 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 237 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 238 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 239 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 240 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 241 } 242 .oxilab-flip-box-back-' . $styleid . '{ 243 243 position: absolute; 244 244 top: 0; … … 246 246 right: 0; 247 247 bottom: 0; 248 margin: <?php echo $styledata[69]; ?>px;249 border-width: <?php echo $styledata[155]; ?>px;250 border-style: <?php echo $styledata[157]; ?>;251 border-color: <?php echo $styledata[23]; ?>;252 display: block; 253 -webkit-border-radius: <?php echo $styledata[153]; ?>px;254 -moz-border-radius: <?php echo $styledata[153]; ?>px;255 -ms-border-radius: <?php echo $styledata[153]; ?>px;256 -o-border-radius: <?php echo $styledata[153]; ?>px;257 border-radius: <?php echo $styledata[153]; ?>px;248 margin: ' . $styledata[69] . 'px; 249 border-width: ' . $styledata[155] . 'px; 250 border-style:' . $styledata[157] . '; 251 border-color: ' . $styledata[23] . '; 252 display: block; 253 -webkit-border-radius: ' . $styledata[153] . 'px; 254 -moz-border-radius: ' . $styledata[153] . 'px; 255 -ms-border-radius: ' . $styledata[153] . 'px; 256 -o-border-radius: ' . $styledata[153] . 'px; 257 border-radius: ' . $styledata[153] . 'px; 258 258 overflow: hidden; 259 259 } 260 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{260 .oxilab-flip-box-back-' . $styleid . '-data{ 261 261 position: absolute; 262 262 left: 0%; 263 263 right: 0; 264 top: 50%; 265 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;264 top: 50%; 265 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 266 266 -webkit-transform: translateY(-50%); 267 267 -ms-transform: translateY(-50%); 268 268 -moz-transform: translateY(-50%); 269 269 -o-transform: translateY(-50%); 270 transform: translateY(-50%); 271 } 272 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{270 transform: translateY(-50%); 271 } 272 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 273 273 display: block; 274 274 position: relative; 275 color: <?php echo $styledata[21]; ?>;276 text-align: <?php echo $styledata[189]; ?>;277 font-size: <?php echo $styledata[181]; ?>px;278 font-family: <?php echo $this->font_familly($styledata[183]); ?>;279 font-weight: <?php echo $styledata[187]; ?>;280 font-style: <?php echo $styledata[185]; ?>;281 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;282 } 283 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{275 color: ' . $styledata[21] . '; 276 text-align: ' . $styledata[189] . '; 277 font-size: ' . $styledata[181] . 'px; 278 font-family: ' . $this->font_familly($styledata[183]) . '; 279 font-weight: ' . $styledata[187] . '; 280 font-style:' . $styledata[185] . '; 281 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 282 } 283 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 284 284 position: absolute; 285 285 left: 50%; 286 286 bottom: 0; 287 width: <?php echo $styledata[131]; ?>px;288 height: <?php echo $styledata[133]; ?>px;289 background-color: <?php echo $styledata[25]; ?>;287 width: ' . $styledata[131] . 'px; 288 height: ' . $styledata[133] . 'px; 289 background-color: ' . $styledata[25] . '; 290 290 -webkit-transform: translateX(-50%); 291 291 -ms-transform: translateX(-50%); … … 294 294 transform: translateX(-50%); 295 295 } 296 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 297 display: block; 298 color: <?php echo $styledata[17]; ?>; 299 text-align: <?php echo $styledata[115]; ?>; 300 font-size: <?php echo $styledata[107]; ?>px; 301 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 302 font-weight: <?php echo $styledata[113]; ?>; 303 font-style:<?php echo $styledata[111]; ?>; 304 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 305 } 306 <?php echo $styledata[199]; ?>; 307 </style> 296 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 297 display: block; 298 color: ' . $styledata[17] . '; 299 text-align: ' . $styledata[115] . '; 300 font-size: ' . $styledata[107] . 'px; 301 font-family: ' . $this->font_familly($styledata[109]) . '; 302 font-weight: ' . $styledata[113] . '; 303 font-style:' . $styledata[111] . '; 304 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 305 } 306 ' . $styledata[199] . ';'; 307 ?> 308 308 309 </div> 309 310 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style24.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 72 70 </div> 73 71 <div class="oxilab-flip-box-back"> 74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 73 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 76 74 <div class="oxilab-icon"> 77 75 <div class="oxilab-icon-data"> … … 92 90 </div> 93 91 </div> 94 <?php echo $fileslinkend; 95 echo $this->admin_edit_panel($value['id']); 92 <?php 93 if ($filesdata[11] != '') { 94 echo '</a>'; 95 } 96 echo $this->admin_edit_panel($value['id']); 96 97 ?> 97 98 98 99 </div> 99 100 100 <style> 101 <?php102 if ($filesdata[5] != '') {103 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{101 102 <?php 103 if ($filesdata[5] != '') { 104 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 104 105 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 105 106 -moz-background-size: 100% 100%; … … 107 108 background-size: 100% 100%; 108 109 }'; 109 }110 if ($filesdata[13] != '') {111 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{110 } 111 if ($filesdata[13] != '') { 112 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 112 113 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 113 114 -moz-background-size: 100% 100%; … … 115 116 background-size: 100% 100%; 116 117 }'; 117 }118 ?>119 </style> 118 } 119 ?> 120 120 121 </div> 121 122 <?php 122 123 endif; 123 124 } 124 ?> 125 <style> 126 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 127 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 128 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 129 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 130 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 134 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 135 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 136 -o-animation-duration: <?php echo $styledata[57]; ?>s; 137 animation-duration: <?php echo $styledata[57]; ?>s; 138 } 139 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 140 max-width: <?php echo $styledata[45]; ?>px; 125 126 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 127 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 128 -webkit-transition: opacity ' . $styledata[57] . 's linear; 129 -moz-transition: opacity ' . $styledata[57] . 's linear; 130 -ms-transition: opacity ' . $styledata[57] . 's linear; 131 -o-transition: opacity ' . $styledata[57] . 's linear; 132 transition: opacity ' . $styledata[57] . 's linear; 133 -webkit-animation-duration: ' . $styledata[57] . 's; 134 -moz-animation-duration: ' . $styledata[57] . 's; 135 -ms-animation-duration: ' . $styledata[57] . 's; 136 -o-animation-duration: ' . $styledata[57] . 's; 137 animation-duration: ' . $styledata[57] . 's; 138 } 139 .oxilab-flip-box-body-' . $styleid . '{ 140 max-width: ' . $styledata[45] . 'px; 141 141 width: 100%; 142 142 margin: 0 auto; 143 position: relative; 144 } 145 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {146 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;143 position: relative; 144 } 145 .oxilab-flip-box-body-' . $styleid . ':after { 146 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 147 147 content: ""; 148 148 display: block; 149 149 } 150 .oxilab-flip-box- <?php echo $styleid; ?>{150 .oxilab-flip-box-' . $styleid . '{ 151 151 position: absolute; 152 152 top: 0; … … 154 154 right: 0; 155 155 bottom: 0; 156 border-width: <?php echo $styledata[149]; ?>px;157 border-style: <?php echo $styledata[151]; ?>;158 border-color: <?php echo $styledata[7]; ?>;159 background-color: <?php echo $styledata[5]; ?>;160 display: block; 161 -webkit-border-radius: <?php echo $styledata[153]; ?>px;162 -moz-border-radius: <?php echo $styledata[153]; ?>px;163 -ms-border-radius: <?php echo $styledata[153]; ?>px;164 -o-border-radius: <?php echo $styledata[153]; ?>px;165 border-radius: <?php echo $styledata[153]; ?>px;156 border-width: ' . $styledata[149] . 'px; 157 border-style:' . $styledata[151] . '; 158 border-color: ' . $styledata[7] . '; 159 background-color: ' . $styledata[5] . '; 160 display: block; 161 -webkit-border-radius: ' . $styledata[153] . 'px; 162 -moz-border-radius: ' . $styledata[153] . 'px; 163 -ms-border-radius: ' . $styledata[153] . 'px; 164 -o-border-radius: ' . $styledata[153] . 'px; 165 border-radius: ' . $styledata[153] . 'px; 166 166 overflow: hidden; 167 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;168 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;169 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 } 173 .oxilab-flip-box- <?php echo $styleid; ?>-data{167 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 172 } 173 .oxilab-flip-box-' . $styleid . '-data{ 174 174 position: absolute; 175 175 left: 0%; 176 top: 0%; 177 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;178 right: 0; 179 } 180 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{181 display: block; 182 width: 100%; 183 text-align: center; 184 } 185 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{186 display: inline-block; 187 width: 100%; 188 background-color: <?php echo $styledata[11]; ?>;189 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;190 -webkit-border-radius: <?php echo $styledata[81]; ?>px;191 -moz-border-radius: <?php echo $styledata[81]; ?>px;192 -ms-border-radius: <?php echo $styledata[81]; ?>px;193 -o-border-radius: <?php echo $styledata[81]; ?>px;194 border-radius: <?php echo $styledata[81]; ?>px;195 } 196 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{197 font-size: <?php echo $styledata[77]; ?>px;198 color: <?php echo $styledata[9]; ?>;199 } 200 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{201 display: block; 202 color: <?php echo $styledata[13]; ?>;203 text-align: <?php echo $styledata[91]; ?>;204 font-size: <?php echo $styledata[83]; ?>px;205 font-family: <?php echo $this->font_familly($styledata[85]); ?>;206 font-weight: <?php echo $styledata[89]; ?>;207 font-style: <?php echo $styledata[87]; ?>;208 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;209 } 210 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{211 display: block; 212 color: <?php echo $styledata[19]; ?>;213 text-align: <?php echo $styledata[171]; ?>;214 font-size: <?php echo $styledata[163]; ?>px;215 font-family: <?php echo $this->font_familly($styledata[165]); ?>;216 font-weight: <?php echo $styledata[169]; ?>;217 font-style: <?php echo $styledata[167]; ?>;218 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;219 } 220 .oxilab-flip-box-back- <?php echo $styleid; ?>{176 top: 0%; 177 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 178 right: 0; 179 } 180 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 181 display: block; 182 width: 100%; 183 text-align: center; 184 } 185 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 186 display: inline-block; 187 width: 100%; 188 background-color: ' . $styledata[11] . '; 189 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 190 -webkit-border-radius: ' . $styledata[81] . 'px; 191 -moz-border-radius: ' . $styledata[81] . 'px; 192 -ms-border-radius: ' . $styledata[81] . 'px; 193 -o-border-radius: ' . $styledata[81] . 'px; 194 border-radius:' . $styledata[81] . 'px; 195 } 196 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 197 font-size: ' . $styledata[77] . 'px; 198 color: ' . $styledata[9] . '; 199 } 200 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 201 display: block; 202 color: ' . $styledata[13] . '; 203 text-align: ' . $styledata[91] . '; 204 font-size: ' . $styledata[83] . 'px; 205 font-family: ' . $this->font_familly($styledata[85]) . '; 206 font-weight: ' . $styledata[89] . '; 207 font-style:' . $styledata[87] . '; 208 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 209 } 210 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 211 display: block; 212 color: ' . $styledata[19] . '; 213 text-align: ' . $styledata[171] . '; 214 font-size: ' . $styledata[163] . 'px; 215 font-family: ' . $this->font_familly($styledata[165]) . '; 216 font-weight: ' . $styledata[169] . '; 217 font-style:' . $styledata[167] . '; 218 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 219 } 220 .oxilab-flip-box-back-' . $styleid . '{ 221 221 position: absolute; 222 222 top: 0; … … 224 224 right: 0; 225 225 bottom: 0; 226 border-width: <?php echo $styledata[155]; ?>px;227 border-style: <?php echo $styledata[157]; ?>;228 border-color: <?php echo $styledata[23]; ?>;229 background-color: <?php echo $styledata[15]; ?>;230 -webkit-border-radius: <?php echo $styledata[153]; ?>px;231 -moz-border-radius: <?php echo $styledata[153]; ?>px;232 -ms-border-radius: <?php echo $styledata[153]; ?>px;233 -o-border-radius: <?php echo $styledata[153]; ?>px;234 border-radius: <?php echo $styledata[153]; ?>px;226 border-width: ' . $styledata[155] . 'px; 227 border-style:' . $styledata[157] . '; 228 border-color: ' . $styledata[23] . '; 229 background-color: ' . $styledata[15] . '; 230 -webkit-border-radius: ' . $styledata[153] . 'px; 231 -moz-border-radius: ' . $styledata[153] . 'px; 232 -ms-border-radius: ' . $styledata[153] . 'px; 233 -o-border-radius: ' . $styledata[153] . 'px; 234 border-radius: ' . $styledata[153] . 'px; 235 235 overflow: hidden; 236 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;237 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;238 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;240 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;241 } 242 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{236 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 237 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 238 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 239 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 240 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 241 } 242 .oxilab-flip-box-back-' . $styleid . '-data{ 243 243 position: absolute; 244 244 left: 0%; 245 245 right: 0; 246 top: 0%; 247 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px; 248 } 249 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{ 250 display: block; 251 width: 100%; 252 text-align: center; 253 } 254 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{ 255 display: inline-block; 256 width: 100%; 257 background-color: <?php echo $styledata[27]; ?>; 258 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[143]; ?>px; ; 259 -webkit-border-radius: <?php echo $styledata[139]; ?>px; 260 -moz-border-radius: <?php echo $styledata[139]; ?>px; 261 -ms-border-radius: <?php echo $styledata[139]; ?>px; 262 -o-border-radius: <?php echo $styledata[139]; ?>px; 263 border-radius: <?php echo $styledata[139]; ?>px; 264 } 265 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{ 266 font-size: <?php echo $styledata[137]; ?>px; 267 color: <?php echo $styledata[25]; ?>; 268 } 269 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 270 display: block; 271 color: <?php echo $styledata[21]; ?>; 272 text-align: <?php echo $styledata[189]; ?>; 273 font-size: <?php echo $styledata[181]; ?>px; 274 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 275 font-weight: <?php echo $styledata[187]; ?>; 276 font-style:<?php echo $styledata[185]; ?>; 277 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 278 } 279 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 280 display: block; 281 color: <?php echo $styledata[17]; ?>; 282 text-align: <?php echo $styledata[115]; ?>; 283 font-size: <?php echo $styledata[107]; ?>px; 284 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 285 font-weight: <?php echo $styledata[113]; ?>; 286 font-style:<?php echo $styledata[111]; ?>; 287 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 288 } 289 <?php echo $styledata[199]; ?>; 290 </style> 246 top: 0%; 247 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 248 } 249 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{ 250 display: block; 251 width: 100%; 252 text-align: center; 253 } 254 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{ 255 display: inline-block; 256 width: 100%; 257 background-color: ' . $styledata[27] . '; 258 padding: ' . $styledata[141] . 'px ' . $styledata[143] . 'px; ; 259 -webkit-border-radius: ' . $styledata[139] . 'px; 260 -moz-border-radius: ' . $styledata[139] . 'px; 261 -ms-border-radius: ' . $styledata[139] . 'px; 262 -o-border-radius: ' . $styledata[139] . 'px; 263 border-radius: ' . $styledata[139] . 'px; 264 } 265 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 266 font-size: ' . $styledata[137] . 'px; 267 color: ' . $styledata[25] . '; 268 } 269 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 270 display: block; 271 color: ' . $styledata[21] . '; 272 text-align: ' . $styledata[189] . '; 273 font-size: ' . $styledata[181] . 'px; 274 font-family: ' . $this->font_familly($styledata[183]) . '; 275 font-weight: ' . $styledata[187] . '; 276 font-style:' . $styledata[185] . '; 277 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 278 } 279 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 280 display: block; 281 color: ' . $styledata[17] . '; 282 text-align: ' . $styledata[115] . '; 283 font-size: ' . $styledata[107] . 'px; 284 font-family: ' . $this->font_familly($styledata[109]) . '; 285 font-weight: ' . $styledata[113] . '; 286 font-style:' . $styledata[111] . '; 287 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 288 } 289 ' . $styledata[199] . ';'; 290 ?> 291 291 292 </div> 292 293 -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style25.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_attr($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <img src="<?php echo $filesdata[5]; ?>">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <img src="<?php echo esc_url($filesdata[5]); ?>"> 58 56 </div> 59 57 </div> 60 58 <div class="oxilab-flip-box-back"> 61 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">62 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">59 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 60 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 63 61 <div class="oxilab-heading"> 64 62 <?php echo $this->text_render($filesdata[17]); ?> … … 69 67 <div class="oxilab-info"> 70 68 <?php echo $this->text_render($filesdata[7]); ?> 71 </div> 69 </div> 72 70 </div> 73 71 </div> … … 77 75 </div> 78 76 </div> 79 <?php echo $fileslinkend; 80 echo $this->admin_edit_panel($value['id']); ?> 77 <?php 78 if ($filesdata[11] != '') { 79 echo '</a>'; 80 } 81 echo $this->admin_edit_panel($value['id']); 82 ?> 81 83 </div> 82 <style> 83 <?php84 if ($filesdata[13] != '') {85 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{84 85 <?php 86 if ($filesdata[13] != '') { 87 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{ 86 88 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 87 89 -moz-background-size: 100% 100%; … … 89 91 background-size: 100% 100%; 90 92 }'; 91 }92 ?>93 </style> 93 } 94 ?> 95 94 96 </div> 95 97 <?php 96 98 endif; 97 99 } 98 ?> 99 <style> 100 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 101 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 102 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 103 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 104 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 105 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 106 transition: opacity <?php echo $styledata[57]; ?>s linear; 107 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 108 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 109 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 110 -o-animation-duration: <?php echo $styledata[57]; ?>s; 111 animation-duration: <?php echo $styledata[57]; ?>s; 112 } 113 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 114 max-width: <?php echo $styledata[45]; ?>px; 100 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 101 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 102 -webkit-transition: opacity ' . $styledata[57] . 's linear; 103 -moz-transition: opacity ' . $styledata[57] . 's linear; 104 -ms-transition: opacity ' . $styledata[57] . 's linear; 105 -o-transition: opacity ' . $styledata[57] . 's linear; 106 transition: opacity ' . $styledata[57] . 's linear; 107 -webkit-animation-duration: ' . $styledata[57] . 's; 108 -moz-animation-duration: ' . $styledata[57] . 's; 109 -ms-animation-duration: ' . $styledata[57] . 's; 110 -o-animation-duration: ' . $styledata[57] . 's; 111 animation-duration: ' . $styledata[57] . 's; 112 } 113 .oxilab-flip-box-body-' . $styleid . '{ 114 max-width: ' . $styledata[45] . 'px; 115 115 width: 100%; 116 116 margin: 0 auto; 117 position: relative; 118 } 119 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {120 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;117 position: relative; 118 } 119 .oxilab-flip-box-body-' . $styleid . ':after { 120 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 121 121 content: ""; 122 122 display: block; 123 123 } 124 .oxilab-flip-box-body- <?php echo $styleid; ?> .oxilab-flip-box-front{125 -webkit-border-radius: <?php echo $styledata[153]; ?>%;126 -moz-border-radius: <?php echo $styledata[153]; ?>%;127 -ms-border-radius: <?php echo $styledata[153]; ?>%;128 -o-border-radius: <?php echo $styledata[153]; ?>%;129 border-radius: <?php echo $styledata[153]; ?>%;130 background-color: <?php echo $styledata[5]; ?>;131 overflow: hidden; 132 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;133 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;134 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;135 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;136 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;137 } 138 .oxilab-flip-box- <?php echo $styleid; ?>{139 position: absolute; 140 top: <?php echo $styledata[71]; ?>px;141 left: <?php echo $styledata[71]; ?>px;142 right: <?php echo $styledata[71]; ?>px;143 bottom: <?php echo $styledata[71]; ?>px;144 border-width: <?php echo $styledata[159]; ?>px;145 border-style: <?php echo $styledata[161]; ?>;146 border-color: <?php echo $styledata[9]; ?>;147 display: block; 148 -webkit-border-radius: <?php echo $styledata[153]; ?>%;149 -moz-border-radius: <?php echo $styledata[153]; ?>%;150 -ms-border-radius: <?php echo $styledata[153]; ?>%;151 -o-border-radius: <?php echo $styledata[153]; ?>%;152 border-radius: <?php echo $styledata[153]; ?>%;153 overflow: hidden; 154 } 155 .oxilab-flip-box- <?php echo $styleid; ?>img{156 position: absolute; 157 top: <?php echo $styledata[105]; ?>px;158 left: <?php echo $styledata[105]; ?>px;159 right: <?php echo $styledata[105]; ?>px;160 bottom: <?php echo $styledata[105]; ?>px;161 width: calc(100% - ( <?php echo $styledata[105]; ?>px + <?php echo $styledata[105]; ?>px ));162 height: calc(100% - ( <?php echo $styledata[105]; ?>px + <?php echo $styledata[105]; ?>px ));163 -webkit-border-radius: <?php echo $styledata[153]; ?>%;164 -moz-border-radius: <?php echo $styledata[153]; ?>%;165 -ms-border-radius: <?php echo $styledata[153]; ?>%;166 -o-border-radius: <?php echo $styledata[153]; ?>%;167 border-radius: <?php echo $styledata[153]; ?>%;168 } 169 .oxilab-flip-box-body- <?php echo $styleid; ?>.oxilab-flip-box-back{170 -webkit-border-radius: <?php echo $styledata[153]; ?>%;171 -moz-border-radius: <?php echo $styledata[153]; ?>%;172 -ms-border-radius: <?php echo $styledata[153]; ?>%;173 -o-border-radius: <?php echo $styledata[153]; ?>%;174 border-radius: <?php echo $styledata[153]; ?>%;175 background-color: <?php echo $styledata[15]; ?>;176 overflow: hidden; 177 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;178 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;179 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;180 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;181 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;182 } 183 .oxilab-flip-box-back- <?php echo $styleid; ?>{184 position: absolute; 185 border-color: <?php echo $styledata[17]; ?>;186 top: <?php echo $styledata[163]; ?>px;187 left: <?php echo $styledata[163]; ?>px;188 right: <?php echo $styledata[163]; ?>px;189 bottom: <?php echo $styledata[163]; ?>px;190 border-width: <?php echo $styledata[151]; ?>px;191 border-style: <?php echo $styledata[149]; ?>;192 display: block; 193 -webkit-border-radius: <?php echo $styledata[153]; ?>%;194 -moz-border-radius: <?php echo $styledata[153]; ?>%;195 -ms-border-radius: <?php echo $styledata[153]; ?>%;196 -o-border-radius: <?php echo $styledata[153]; ?>%;197 border-radius: <?php echo $styledata[153]; ?>%;198 overflow: hidden; 199 } 200 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{124 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{ 125 -webkit-border-radius: ' . $styledata[153] . '%; 126 -moz-border-radius: ' . $styledata[153] . '%; 127 -ms-border-radius: ' . $styledata[153] . '%; 128 -o-border-radius: ' . $styledata[153] . '%; 129 border-radius: ' . $styledata[153] . '%; 130 background-color: ' . $styledata[5] . '; 131 overflow: hidden; 132 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 133 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 134 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 135 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 136 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 137 } 138 .oxilab-flip-box-' . $styleid . '{ 139 position: absolute; 140 top: ' . $styledata[71] . 'px; 141 left: ' . $styledata[71] . 'px; 142 right: ' . $styledata[71] . 'px; 143 bottom: ' . $styledata[71] . 'px; 144 border-width: ' . $styledata[159] . 'px; 145 border-style:' . $styledata[161] . '; 146 border-color: ' . $styledata[9] . '; 147 display: block; 148 -webkit-border-radius: ' . $styledata[153] . '%; 149 -moz-border-radius: ' . $styledata[153] . '%; 150 -ms-border-radius: ' . $styledata[153] . '%; 151 -o-border-radius: ' . $styledata[153] . '%; 152 border-radius: ' . $styledata[153] . '%; 153 overflow: hidden; 154 } 155 .oxilab-flip-box-' . $styleid . ' img{ 156 position: absolute; 157 top: ' . $styledata[105] . 'px; 158 left: ' . $styledata[105] . 'px; 159 right: ' . $styledata[105] . 'px; 160 bottom: ' . $styledata[105] . 'px; 161 width: calc(100% - (' . $styledata[105] . 'px + ' . $styledata[105] . 'px )); 162 height: calc(100% - (' . $styledata[105] . 'px + ' . $styledata[105] . 'px )); 163 -webkit-border-radius: ' . $styledata[153] . '%; 164 -moz-border-radius: ' . $styledata[153] . '%; 165 -ms-border-radius: ' . $styledata[153] . '%; 166 -o-border-radius: ' . $styledata[153] . '%; 167 border-radius: ' . $styledata[153] . '%; 168 } 169 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{ 170 -webkit-border-radius: ' . $styledata[153] . '%; 171 -moz-border-radius: ' . $styledata[153] . '%; 172 -ms-border-radius: ' . $styledata[153] . '%; 173 -o-border-radius: ' . $styledata[153] . '%; 174 border-radius: ' . $styledata[153] . '%; 175 background-color: ' . $styledata[15] . '; 176 overflow: hidden; 177 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 178 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 179 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 180 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 181 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 182 } 183 .oxilab-flip-box-back-' . $styleid . '{ 184 position: absolute; 185 border-color: ' . $styledata[17] . '; 186 top: ' . $styledata[163] . 'px; 187 left: ' . $styledata[163] . 'px; 188 right: ' . $styledata[163] . 'px; 189 bottom: ' . $styledata[163] . 'px; 190 border-width: ' . $styledata[151] . 'px; 191 border-style:' . $styledata[149] . '; 192 display: block; 193 -webkit-border-radius: ' . $styledata[153] . '%; 194 -moz-border-radius: ' . $styledata[153] . '%; 195 -ms-border-radius: ' . $styledata[153] . '%; 196 -o-border-radius: ' . $styledata[153] . '%; 197 border-radius: ' . $styledata[153] . '%; 198 overflow: hidden; 199 } 200 .oxilab-flip-box-back-' . $styleid . '-data{ 201 201 position: absolute; 202 202 left: 0%; 203 203 right: 0; 204 top: 50%; 205 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;204 top: 50%; 205 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 206 206 -webkit-transform: translateY(-50%); 207 207 -ms-transform: translateY(-50%); 208 208 -moz-transform: translateY(-50%); 209 209 -o-transform: translateY(-50%); 210 transform: translateY(-50%); 211 } 212 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{210 transform: translateY(-50%); 211 } 212 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 213 213 display: block; 214 214 position: relative; 215 color: <?php echo $styledata[31]; ?>;216 text-align: <?php echo $styledata[189]; ?>;217 font-size: <?php echo $styledata[181]; ?>px;218 font-family: <?php echo $this->font_familly($styledata[183]); ?>;219 font-weight: <?php echo $styledata[187]; ?>;220 font-style: <?php echo $styledata[185]; ?>;221 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;222 } 223 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{215 color: ' . $styledata[31] . '; 216 text-align: ' . $styledata[189] . '; 217 font-size: ' . $styledata[181] . 'px; 218 font-family: ' . $this->font_familly($styledata[183]) . '; 219 font-weight: ' . $styledata[187] . '; 220 font-style:' . $styledata[185] . '; 221 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 222 } 223 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 224 224 position: absolute; 225 225 left: 50%; 226 226 bottom: 0; 227 background-color: <?php echo $styledata[7]; ?>;228 width: <?php echo $styledata[155]; ?>px;227 background-color: ' . $styledata[7] . '; 228 width: ' . $styledata[155] . 'px; 229 229 min-height: 2px; 230 height: <?php echo $styledata[157]; ?>px;230 height: ' . $styledata[157] . 'px; 231 231 -webkit-transform: translateX(-50%); 232 232 -ms-transform: translateX(-50%); … … 235 235 transform: translateX(-50%); 236 236 } 237 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 238 display: block; 239 color: <?php echo $styledata[19]; ?>; 240 text-align: <?php echo $styledata[115]; ?>; 241 font-size: <?php echo $styledata[107]; ?>px; 242 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 243 font-weight: <?php echo $styledata[113]; ?>; 244 font-style:<?php echo $styledata[111]; ?>; 245 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 246 } 247 <?php echo $styledata[199]; ?>; 248 </style> 237 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 238 display: block; 239 color: ' . $styledata[19] . '; 240 text-align: ' . $styledata[115] . '; 241 font-size: ' . $styledata[107] . 'px; 242 font-family: ' . $this->font_familly($styledata[109]) . '; 243 font-weight: ' . $styledata[113] . '; 244 font-style:' . $styledata[111] . '; 245 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 246 } 247 ' . $styledata[199] . ';'; 248 ?> 249 249 250 </div> 250 251 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style26.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-heading"> 73 71 <?php echo $this->text_render($filesdata[17]); ?> … … 76 74 <div class="oxilab-info"> 77 75 <?php echo $this->text_render($filesdata[7]); ?> 78 </div> 76 </div> 79 77 <?php 80 78 if ($filesdata[9] != '') { 81 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';79 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 82 80 echo '<div class="oxilab-button"> 83 81 <div class="oxilab-button-data"> … … 96 94 </div> 97 95 <?php 98 echo $fileslinkend; 96 if ($filesdata[9] == '' && $filesdata[11] != '') { 97 echo '</a>'; 98 } 99 99 echo $this->admin_edit_panel($value['id']); 100 100 ?> 101 101 </div> 102 102 103 <style> 104 <?php105 if ($filesdata[5] != '') {106 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{103 104 <?php 105 if ($filesdata[5] != '') { 106 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{ 107 107 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 108 108 -moz-background-size: 100% 100%; … … 110 110 background-size: 100% 100%; 111 111 }'; 112 }113 if ($filesdata[13] != '') {114 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{112 } 113 if ($filesdata[13] != '') { 114 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{ 115 115 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 116 116 -moz-background-size: 100% 100%; … … 118 118 background-size: 100% 100%; 119 119 }'; 120 }121 ?>122 </style> 120 } 121 ?> 122 123 123 </div> 124 124 <?php 125 125 endif; 126 ;127 126 } 128 ?> 129 130 <style> 131 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 132 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 133 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 137 transition: opacity <?php echo $styledata[57]; ?>s linear; 138 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 139 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 140 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 141 -o-animation-duration: <?php echo $styledata[57]; ?>s; 142 animation-duration: <?php echo $styledata[57]; ?>s; 143 } 144 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 145 max-width: <?php echo $styledata[45]; ?>px; 127 128 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 129 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 130 -webkit-transition: opacity ' . $styledata[57] . 's linear; 131 -moz-transition: opacity ' . $styledata[57] . 's linear; 132 -ms-transition: opacity ' . $styledata[57] . 's linear; 133 -o-transition: opacity ' . $styledata[57] . 's linear; 134 transition: opacity ' . $styledata[57] . 's linear; 135 -webkit-animation-duration: ' . $styledata[57] . 's; 136 -moz-animation-duration: ' . $styledata[57] . 's; 137 -ms-animation-duration: ' . $styledata[57] . 's; 138 -o-animation-duration: ' . $styledata[57] . 's; 139 animation-duration: ' . $styledata[57] . 's; 140 } 141 .oxilab-flip-box-body-' . $styleid . '{ 142 max-width: ' . $styledata[45] . 'px; 146 143 width: 100%; 147 144 margin: 0 auto; 148 position: relative; 149 } 150 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {151 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;145 position: relative; 146 } 147 .oxilab-flip-box-body-' . $styleid . ':after { 148 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 152 149 content: ""; 153 150 display: block; 154 151 } 155 .oxilab-flip-box-body- <?php echo $styleid; ?> .oxilab-flip-box-front{156 -webkit-border-radius: <?php echo $styledata[153]; ?>px;157 -moz-border-radius: <?php echo $styledata[153]; ?>px;158 -ms-border-radius: <?php echo $styledata[153]; ?>px;159 -o-border-radius: <?php echo $styledata[153]; ?>px;160 border-radius: <?php echo $styledata[153]; ?>px;161 background-color: <?php echo $styledata[5]; ?>;152 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{ 153 -webkit-border-radius: ' . $styledata[153] . 'px; 154 -moz-border-radius: ' . $styledata[153] . 'px; 155 -ms-border-radius: ' . $styledata[153] . 'px; 156 -o-border-radius: ' . $styledata[153] . 'px; 157 border-radius: ' . $styledata[153] . 'px; 158 background-color: ' . $styledata[5] . '; 162 159 overflow: hidden; 163 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;164 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;165 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;166 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;167 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;168 } 169 .oxilab-flip-box- <?php echo $styleid; ?>{160 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 161 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 162 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 163 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 164 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 165 } 166 .oxilab-flip-box-' . $styleid . '{ 170 167 position: absolute; 171 168 top: 0; … … 173 170 right: 0; 174 171 bottom: 0; 175 margin: <?php echo $styledata[69]; ?>px;176 border-width: <?php echo $styledata[75]; ?>px;177 border-style: <?php echo $styledata[77]; ?>;178 border-color: <?php echo $styledata[9]; ?>;179 display: block; 180 -webkit-border-radius: <?php echo $styledata[153]; ?>px;181 -moz-border-radius: <?php echo $styledata[153]; ?>px;182 -ms-border-radius: <?php echo $styledata[153]; ?>px;183 -o-border-radius: <?php echo $styledata[153]; ?>px;184 border-radius: <?php echo $styledata[153]; ?>px;172 margin: ' . $styledata[69] . 'px; 173 border-width: ' . $styledata[75] . 'px; 174 border-style:' . $styledata[77] . '; 175 border-color: ' . $styledata[9] . '; 176 display: block; 177 -webkit-border-radius: ' . $styledata[153] . 'px; 178 -moz-border-radius: ' . $styledata[153] . 'px; 179 -ms-border-radius: ' . $styledata[153] . 'px; 180 -o-border-radius: ' . $styledata[153] . 'px; 181 border-radius: ' . $styledata[153] . 'px; 185 182 overflow: hidden; 186 183 } 187 .oxilab-flip-box- <?php echo $styleid; ?>-data{184 .oxilab-flip-box-' . $styleid . '-data{ 188 185 position: absolute; 189 186 left: 0%; 190 top: 50%; 191 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;187 top: 50%; 188 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 192 189 -webkit-transform: translateY(-50%); 193 190 -ms-transform: translateY(-50%); … … 197 194 right: 0; 198 195 } 199 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{200 display: block; 201 text-align: center; 202 padding: <?php echo $styledata[87]; ?>px <?php echo $styledata[89]; ?>px;203 } 204 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{205 display: inline-block; 206 color: <?php echo $styledata[11]; ?>;207 font-size: <?php echo $styledata[79]; ?>px;208 font-family: <?php echo $this->font_familly($styledata[81]); ?>;209 font-weight: <?php echo $styledata[85]; ?>;210 font-style: <?php echo $styledata[83]; ?>;211 } 212 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{213 display: block; 214 color: <?php echo $styledata[13]; ?>;215 text-align: <?php echo $styledata[167]; ?>;216 font-size: <?php echo $styledata[159]; ?>px;217 font-family: <?php echo $this->font_familly($styledata[161]); ?>;218 font-weight: <?php echo $styledata[165]; ?>;219 font-style: <?php echo $styledata[163]; ?>;220 padding: <?php echo $styledata[169]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[171]; ?>px <?php echo $styledata[173]; ?>px;221 222 } 223 .oxilab-flip-box-body- <?php echo $styleid; ?> .oxilab-flip-box-back{224 -webkit-border-radius: <?php echo $styledata[153]; ?>px;225 -moz-border-radius: <?php echo $styledata[153]; ?>px;226 -ms-border-radius: <?php echo $styledata[153]; ?>px;227 -o-border-radius: <?php echo $styledata[153]; ?>px;228 border-radius: <?php echo $styledata[153]; ?>px;229 background-color: <?php echo $styledata[15]; ?>;196 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 197 display: block; 198 text-align: center; 199 padding: ' . $styledata[87] . 'px ' . $styledata[89] . 'px; 200 } 201 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 202 display: inline-block; 203 color: ' . $styledata[11] . '; 204 font-size: ' . $styledata[79] . 'px; 205 font-family: ' . $this->font_familly($styledata[81]) . '; 206 font-weight: ' . $styledata[85] . '; 207 font-style:' . $styledata[83] . '; 208 } 209 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 210 display: block; 211 color: ' . $styledata[13] . '; 212 text-align: ' . $styledata[167] . '; 213 font-size: ' . $styledata[159] . 'px; 214 font-family: ' . $this->font_familly($styledata[161]) . '; 215 font-weight: ' . $styledata[165] . '; 216 font-style:' . $styledata[163] . '; 217 padding:' . $styledata[169] . 'px ' . $styledata[175] . 'px ' . $styledata[171] . 'px ' . $styledata[173] . 'px; 218 219 } 220 .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{ 221 -webkit-border-radius: ' . $styledata[153] . 'px; 222 -moz-border-radius: ' . $styledata[153] . 'px; 223 -ms-border-radius: ' . $styledata[153] . 'px; 224 -o-border-radius: ' . $styledata[153] . 'px; 225 border-radius: ' . $styledata[153] . 'px; 226 background-color: ' . $styledata[15] . '; 230 227 overflow: hidden; 231 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;232 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;233 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;234 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;235 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;236 } 237 .oxilab-flip-box-back- <?php echo $styleid; ?>{228 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 229 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 230 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 231 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 232 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 233 } 234 .oxilab-flip-box-back-' . $styleid . '{ 238 235 position: absolute; 239 236 top: 0; … … 241 238 right: 0; 242 239 bottom: 0; 243 margin: <?php echo $styledata[105]; ?>px;244 border-width: <?php echo $styledata[149]; ?>px;245 border-style: <?php echo $styledata[151]; ?>;246 border-color: <?php echo $styledata[17]; ?>;247 display: block; 248 -webkit-border-radius: <?php echo $styledata[153]; ?>px;249 -moz-border-radius: <?php echo $styledata[153]; ?>px;250 -ms-border-radius: <?php echo $styledata[153]; ?>px;251 -o-border-radius: <?php echo $styledata[153]; ?>px;252 border-radius: <?php echo $styledata[153]; ?>px;240 margin: ' . $styledata[105] . 'px; 241 border-width: ' . $styledata[149] . 'px; 242 border-style:' . $styledata[151] . '; 243 border-color: ' . $styledata[17] . '; 244 display: block; 245 -webkit-border-radius: ' . $styledata[153] . 'px; 246 -moz-border-radius: ' . $styledata[153] . 'px; 247 -ms-border-radius: ' . $styledata[153] . 'px; 248 -o-border-radius: ' . $styledata[153] . 'px; 249 border-radius: ' . $styledata[153] . 'px; 253 250 overflow: hidden; 254 251 } 255 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{252 .oxilab-flip-box-back-' . $styleid . '-data{ 256 253 position: absolute; 257 254 left: 0%; 258 255 right: 0; 259 top: 50%; 260 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;256 top: 50%; 257 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 261 258 -webkit-transform: translateY(-50%); 262 259 -ms-transform: translateY(-50%); 263 260 -moz-transform: translateY(-50%); 264 261 -o-transform: translateY(-50%); 265 transform: translateY(-50%); 266 } 267 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{262 transform: translateY(-50%); 263 } 264 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 268 265 display: block; 269 266 position: relative; 270 color: <?php echo $styledata[31]; ?>;271 text-align: <?php echo $styledata[189]; ?>;272 font-size: <?php echo $styledata[181]; ?>px;273 font-family: <?php echo $this->font_familly($styledata[183]); ?>;274 font-weight: <?php echo $styledata[187]; ?>;275 font-style: <?php echo $styledata[185]; ?>;276 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;277 278 } 279 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{267 color: ' . $styledata[31] . '; 268 text-align: ' . $styledata[189] . '; 269 font-size: ' . $styledata[181] . 'px; 270 font-family: ' . $this->font_familly($styledata[183]) . '; 271 font-weight: ' . $styledata[187] . '; 272 font-style:' . $styledata[185] . '; 273 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 274 275 } 276 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 280 277 position: absolute; 281 278 bottom: 0; 282 left: 50%; 279 left: 50%; 283 280 -webkit-transform: translateX(-50%); 284 281 -ms-transform: translateX(-50%); … … 286 283 -o-transform: translateX(-50%); 287 284 transform: translateX(-50%); 288 background-color: <?php echo $styledata[7]; ?>; 289 width: <?php echo $styledata[155]; ?>px; 290 height: <?php echo $styledata[157]; ?>px; 291 } 292 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 293 display: block; 294 color: <?php echo $styledata[19]; ?>; 295 text-align: <?php echo $styledata[115]; ?>; 296 font-size: <?php echo $styledata[107]; ?>px; 297 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 298 font-weight: <?php echo $styledata[113]; ?>; 299 font-style:<?php echo $styledata[111]; ?>; 300 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 301 } 302 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 303 display: block; 304 text-align: <?php echo $styledata[139]; ?>; 305 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 306 } 307 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 308 display: inline-block; 309 color: <?php echo $styledata[21]; ?>; 310 background-color: <?php echo $styledata[23]; ?>; 311 font-size: <?php echo $styledata[125]; ?>px; 312 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 313 font-weight: <?php echo $styledata[131]; ?>; 314 font-style:<?php echo $styledata[129]; ?>; 315 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 316 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 317 -moz-border-radius: <?php echo $styledata[137]; ?>px; 318 -ms-border-radius: <?php echo $styledata[137]; ?>px; 319 -o-border-radius: <?php echo $styledata[137]; ?>px; 320 border-radius: <?php echo $styledata[137]; ?>px; 321 } 322 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 323 background-color: <?php echo $styledata[27]; ?>; 324 color: <?php echo $styledata[25]; ?>; 325 } 326 <?php echo $styledata[199]; ?>; 327 </style> 285 background-color: ' . $styledata[7] . '; 286 width: ' . $styledata[155] . 'px; 287 height: ' . $styledata[157] . 'px; 288 } 289 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 290 display: block; 291 color: ' . $styledata[19] . '; 292 text-align: ' . $styledata[115] . '; 293 font-size: ' . $styledata[107] . 'px; 294 font-family: ' . $this->font_familly($styledata[109]) . '; 295 font-weight: ' . $styledata[113] . '; 296 font-style:' . $styledata[111] . '; 297 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 298 } 299 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 300 display: block; 301 text-align: ' . $styledata[139] . '; 302 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 303 } 304 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 305 display: inline-block; 306 color: ' . $styledata[21] . '; 307 background-color: ' . $styledata[23] . '; 308 font-size: ' . $styledata[125] . 'px; 309 font-family: ' . $this->font_familly($styledata[127]) . '; 310 font-weight: ' . $styledata[131] . '; 311 font-style:' . $styledata[129] . '; 312 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 313 -webkit-border-radius: ' . $styledata[137] . 'px; 314 -moz-border-radius: ' . $styledata[137] . 'px; 315 -ms-border-radius: ' . $styledata[137] . 'px; 316 -o-border-radius: ' . $styledata[137] . 'px; 317 border-radius: ' . $styledata[137] . 'px; 318 } 319 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 320 background-color: ' . $styledata[27] . '; 321 color: ' . $styledata[25] . '; 322 } 323 ' . $styledata[199] . ';'; 324 ?> 325 328 326 </div> 329 327 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style27.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-heading"> 59 57 <?php echo $this->text_render($filesdata[1]); ?> … … 67 65 </div> 68 66 <div class="oxilab-flip-box-back"> 69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 71 69 <div class="oxilab-heading"> 72 70 <?php echo $this->text_render($filesdata[17]); ?> … … 78 76 <?php 79 77 if ($filesdata[9] != '') { 80 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';78 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 81 79 echo '<div class="oxilab-button"> 82 80 <div class="oxilab-button-data"> … … 95 93 </div> 96 94 <?php 97 echo $fileslinkend; 95 if ($filesdata[9] == '' && $filesdata[11] != '') { 96 echo '</a>'; 97 } 98 98 echo $this->admin_edit_panel($value['id']); 99 99 ?> 100 100 </div> 101 <style> 102 <?php103 if ($filesdata[5] != '') {104 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{101 102 <?php 103 if ($filesdata[5] != '') { 104 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 105 105 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 106 106 -moz-background-size: 100% 100%; … … 108 108 background-size: 100% 100%; 109 109 }'; 110 }111 if ($filesdata[13] != '') {112 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{110 } 111 if ($filesdata[13] != '') { 112 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 113 113 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 114 114 -moz-background-size: 100% 100%; … … 116 116 background-size: 100% 100%; 117 117 }'; 118 }119 ?>120 </style> 118 } 119 ?> 120 121 121 </div> 122 122 <?php 123 123 endif; 124 124 } 125 ?> 126 <style> 127 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 128 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 129 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 130 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 133 transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 135 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 136 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 137 -o-animation-duration: <?php echo $styledata[57]; ?>s; 138 animation-duration: <?php echo $styledata[57]; ?>s; 139 } 140 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 141 max-width: <?php echo $styledata[45]; ?>px; 125 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 126 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 127 -webkit-transition: opacity ' . $styledata[57] . 's linear; 128 -moz-transition: opacity ' . $styledata[57] . 's linear; 129 -ms-transition: opacity ' . $styledata[57] . 's linear; 130 -o-transition: opacity ' . $styledata[57] . 's linear; 131 transition: opacity ' . $styledata[57] . 's linear; 132 -webkit-animation-duration: ' . $styledata[57] . 's; 133 -moz-animation-duration: ' . $styledata[57] . 's; 134 -ms-animation-duration: ' . $styledata[57] . 's; 135 -o-animation-duration: ' . $styledata[57] . 's; 136 animation-duration: ' . $styledata[57] . 's; 137 } 138 .oxilab-flip-box-body-' . $styleid . '{ 139 max-width: ' . $styledata[45] . 'px; 142 140 width: 100%; 143 141 margin: 0 auto; 144 position: relative; 145 } 146 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {147 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;142 position: relative; 143 } 144 .oxilab-flip-box-body-' . $styleid . ':after { 145 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 148 146 content: ""; 149 147 display: block; 150 148 } 151 .oxilab-flip-box- <?php echo $styleid; ?>{149 .oxilab-flip-box-' . $styleid . '{ 152 150 position: absolute; 153 151 top: 0; … … 156 154 bottom: 0; 157 155 display: block; 158 -webkit-border-radius: <?php echo $styledata[153]; ?>px;159 -moz-border-radius: <?php echo $styledata[153]; ?>px;160 -ms-border-radius: <?php echo $styledata[153]; ?>px;161 -o-border-radius: <?php echo $styledata[153]; ?>px;162 border-radius: <?php echo $styledata[153]; ?>px;163 background-color: <?php echo $styledata[5]; ?>;156 -webkit-border-radius: ' . $styledata[153] . 'px; 157 -moz-border-radius: ' . $styledata[153] . 'px; 158 -ms-border-radius: ' . $styledata[153] . 'px; 159 -o-border-radius: ' . $styledata[153] . 'px; 160 border-radius: ' . $styledata[153] . 'px; 161 background-color: ' . $styledata[5] . '; 164 162 overflow: hidden; 165 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;166 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;167 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;168 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;169 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 } 171 .oxilab-flip-box- <?php echo $styleid; ?>-data{163 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 164 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 165 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 166 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 167 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 } 169 .oxilab-flip-box-' . $styleid . '-data{ 172 170 position: absolute; 173 171 left: 0%; 174 top: 50%; 175 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;172 top: 50%; 173 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 176 174 -webkit-transform: translateY(-50%); 177 175 -ms-transform: translateY(-50%); … … 180 178 transform: translateY(-50%); 181 179 right: 0; 182 } 183 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{180 } 181 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 184 182 display: block; 185 183 position: relative; 186 color: <?php echo $styledata[13]; ?>;187 text-align: <?php echo $styledata[167]; ?>;188 font-size: <?php echo $styledata[159]; ?>px;189 font-family: <?php echo $this->font_familly($styledata[161]); ?>;190 font-weight: <?php echo $styledata[165]; ?>;191 font-style: <?php echo $styledata[163]; ?>;192 padding: <?php echo $styledata[169]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[171]; ?>px <?php echo $styledata[173]; ?>px;193 } 194 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{184 color: ' . $styledata[13] . '; 185 text-align: ' . $styledata[167] . '; 186 font-size: ' . $styledata[159] . 'px; 187 font-family: ' . $this->font_familly($styledata[161]) . '; 188 font-weight: ' . $styledata[165] . '; 189 font-style:' . $styledata[163] . '; 190 padding:' . $styledata[169] . 'px ' . $styledata[175] . 'px ' . $styledata[171] . 'px ' . $styledata[173] . 'px; 191 } 192 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading .oxilab-span{ 195 193 position: absolute; 196 194 bottom: 0; 197 left: 50%; 195 left: 50%; 198 196 -webkit-transform: translateX(-50%); 199 197 -ms-transform: translateX(-50%); … … 201 199 -o-transform: translateX(-50%); 202 200 transform: translateX(-50%); 203 background-color: <?php echo $styledata[9]; ?>;204 width: <?php echo $styledata[75]; ?>px;205 height: <?php echo $styledata[77]; ?>px;206 } 207 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{208 display: block; 209 color: <?php echo $styledata[17]; ?>;210 text-align: <?php echo $styledata[87]; ?>;211 font-size: <?php echo $styledata[79]; ?>px;212 font-family: <?php echo $this->font_familly($styledata[81]); ?>;213 font-weight: <?php echo $styledata[85]; ?>;214 font-style: <?php echo $styledata[83]; ?>;215 padding: <?php echo $styledata[89]; ?>px <?php echo $styledata[93]; ?>px <?php echo $styledata[91]; ?>px <?php echo $styledata[93]; ?>px;216 217 } 218 .oxilab-flip-box-back- <?php echo $styleid; ?>{201 background-color: ' . $styledata[9] . '; 202 width: ' . $styledata[75] . 'px; 203 height: ' . $styledata[77] . 'px; 204 } 205 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 206 display: block; 207 color: ' . $styledata[17] . '; 208 text-align: ' . $styledata[87] . '; 209 font-size: ' . $styledata[79] . 'px; 210 font-family: ' . $this->font_familly($styledata[81]) . '; 211 font-weight: ' . $styledata[85] . '; 212 font-style:' . $styledata[83] . '; 213 padding:' . $styledata[89] . 'px ' . $styledata[93] . 'px ' . $styledata[91] . 'px ' . $styledata[93] . 'px; 214 215 } 216 .oxilab-flip-box-back-' . $styleid . '{ 219 217 position: absolute; 220 218 top: 0; … … 223 221 bottom: 0; 224 222 display: block; 225 background-color: <?php echo $styledata[15]; ?>;226 -webkit-border-radius: <?php echo $styledata[153]; ?>px;227 -moz-border-radius: <?php echo $styledata[153]; ?>px;228 -ms-border-radius: <?php echo $styledata[153]; ?>px;229 -o-border-radius: <?php echo $styledata[153]; ?>px;230 border-radius: <?php echo $styledata[153]; ?>px;223 background-color: ' . $styledata[15] . '; 224 -webkit-border-radius: ' . $styledata[153] . 'px; 225 -moz-border-radius: ' . $styledata[153] . 'px; 226 -ms-border-radius: ' . $styledata[153] . 'px; 227 -o-border-radius: ' . $styledata[153] . 'px; 228 border-radius: ' . $styledata[153] . 'px; 231 229 overflow: hidden; 232 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;233 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;234 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;235 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;236 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;237 } 238 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{230 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 231 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 232 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 233 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 234 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 235 } 236 .oxilab-flip-box-back-' . $styleid . '-data{ 239 237 position: absolute; 240 238 left: 0%; 241 239 right: 0; 242 top: 50%; 243 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;240 top: 50%; 241 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 244 242 -webkit-transform: translateY(-50%); 245 243 -ms-transform: translateY(-50%); 246 244 -moz-transform: translateY(-50%); 247 245 -o-transform: translateY(-50%); 248 transform: translateY(-50%); 249 } 250 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{246 transform: translateY(-50%); 247 } 248 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 251 249 display: block; 252 250 position: relative; 253 color: <?php echo $styledata[31]; ?>;254 text-align: <?php echo $styledata[189]; ?>;255 font-size: <?php echo $styledata[181]; ?>px;256 font-family: <?php echo $this->font_familly($styledata[183]); ?>;257 font-weight: <?php echo $styledata[187]; ?>;258 font-style: <?php echo $styledata[185]; ?>;259 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;260 } 261 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{251 color: ' . $styledata[31] . '; 252 text-align: ' . $styledata[189] . '; 253 font-size: ' . $styledata[181] . 'px; 254 font-family: ' . $this->font_familly($styledata[183]) . '; 255 font-weight: ' . $styledata[187] . '; 256 font-style:' . $styledata[185] . '; 257 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 258 } 259 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{ 262 260 position: absolute; 263 261 bottom: 0; 264 left: 50%; 262 left: 50%; 265 263 -webkit-transform: translateX(-50%); 266 264 -ms-transform: translateX(-50%); … … 268 266 -o-transform: translateX(-50%); 269 267 transform: translateX(-50%); 270 background-color: <?php echo $styledata[7]; ?>; 271 width: <?php echo $styledata[155]; ?>px; 272 height: <?php echo $styledata[157]; ?>px; 273 } 274 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 275 display: block; 276 color: <?php echo $styledata[19]; ?>; 277 text-align: <?php echo $styledata[115]; ?>; 278 font-size: <?php echo $styledata[107]; ?>px; 279 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 280 font-weight: <?php echo $styledata[113]; ?>; 281 font-style:<?php echo $styledata[111]; ?>; 282 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 283 } 284 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 285 display: block; 286 text-align: <?php echo $styledata[139]; ?>; 287 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 288 } 289 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 290 display: inline-block; 291 color: <?php echo $styledata[21]; ?>; 292 background-color: <?php echo $styledata[23]; ?>; 293 font-size: <?php echo $styledata[125]; ?>px; 294 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 295 font-weight: <?php echo $styledata[131]; ?>; 296 font-style:<?php echo $styledata[129]; ?>; 297 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 298 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 299 -moz-border-radius: <?php echo $styledata[137]; ?>px; 300 -ms-border-radius: <?php echo $styledata[137]; ?>px; 301 -o-border-radius: <?php echo $styledata[137]; ?>px; 302 border-radius: <?php echo $styledata[137]; ?>px; 303 } 304 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 305 background-color: <?php echo $styledata[27]; ?>; 306 color: <?php echo $styledata[25]; ?>; 307 } 308 <?php echo $styledata[199]; ?>; 309 </style> 268 background-color: ' . $styledata[7] . '; 269 width: ' . $styledata[155] . 'px; 270 height: ' . $styledata[157] . 'px; 271 } 272 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 273 display: block; 274 color: ' . $styledata[19] . '; 275 text-align: ' . $styledata[115] . '; 276 font-size: ' . $styledata[107] . 'px; 277 font-family: ' . $this->font_familly($styledata[109]) . '; 278 font-weight: ' . $styledata[113] . '; 279 font-style:' . $styledata[111] . '; 280 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 281 } 282 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 283 display: block; 284 text-align: ' . $styledata[139] . '; 285 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 286 } 287 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 288 display: inline-block; 289 color: ' . $styledata[21] . '; 290 background-color: ' . $styledata[23] . '; 291 font-size: ' . $styledata[125] . 'px; 292 font-family: ' . $this->font_familly($styledata[127]) . '; 293 font-weight: ' . $styledata[131] . '; 294 font-style:' . $styledata[129] . '; 295 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 296 -webkit-border-radius: ' . $styledata[137] . 'px; 297 -moz-border-radius: ' . $styledata[137] . 'px; 298 -ms-border-radius: ' . $styledata[137] . 'px; 299 -o-border-radius: ' . $styledata[137] . 'px; 300 border-radius: ' . $styledata[137] . 'px; 301 } 302 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 303 background-color: ' . $styledata[27] . '; 304 color: ' . $styledata[25] . '; 305 } 306 ' . $styledata[199] . ';'; 307 ?> 308 310 309 </div> 311 310 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style28.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php e cho $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 63 61 <div class="oxilab-heading"> 64 62 <?php echo $this->text_render($filesdata[1]); ?> 65 </div> 63 </div> 66 64 </div> 67 65 </div> 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-heading"> 73 71 <?php echo $this->text_render($filesdata[17]); ?> … … 78 76 <?php 79 77 if ($filesdata[9] != '') { 80 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';78 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 81 79 echo '<div class="oxilab-button"> 82 80 <div class="oxilab-button-data"> … … 95 93 </div> 96 94 <?php 97 echo $fileslinkend; 95 if ($filesdata[9] == '' && $filesdata[11] != '') { 96 echo '</a>'; 97 } 98 98 echo $this->admin_edit_panel($value['id']); 99 99 ?> 100 100 </div> 101 <style> 102 <?php103 if ($filesdata[5] != '') {104 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{101 102 <?php 103 if ($filesdata[5] != '') { 104 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 105 105 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 106 106 -moz-background-size: 100% 100%; … … 108 108 background-size: 100% 100%; 109 109 }'; 110 }111 if ($filesdata[13] != '') {112 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{110 } 111 if ($filesdata[13] != '') { 112 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 113 113 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 114 114 -moz-background-size: 100% 100%; … … 116 116 background-size: 100% 100%; 117 117 }'; 118 }119 ?>120 </style> 118 } 119 ?> 120 121 121 </div> 122 122 <?php 123 123 endif; 124 124 } 125 ?> 126 127 <style> 128 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 129 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 130 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 136 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 137 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 138 -o-animation-duration: <?php echo $styledata[57]; ?>s; 139 animation-duration: <?php echo $styledata[57]; ?>s; 140 } 141 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 142 max-width: <?php echo $styledata[45]; ?>px; 125 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 126 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 127 -webkit-transition: opacity ' . $styledata[57] . 's linear; 128 -moz-transition: opacity ' . $styledata[57] . 's linear; 129 -ms-transition: opacity ' . $styledata[57] . 's linear; 130 -o-transition: opacity ' . $styledata[57] . 's linear; 131 transition: opacity ' . $styledata[57] . 's linear; 132 -webkit-animation-duration: ' . $styledata[57] . 's; 133 -moz-animation-duration: ' . $styledata[57] . 's; 134 -ms-animation-duration: ' . $styledata[57] . 's; 135 -o-animation-duration: ' . $styledata[57] . 's; 136 animation-duration: ' . $styledata[57] . 's; 137 } 138 .oxilab-flip-box-body-' . $styleid . '{ 139 max-width: ' . $styledata[45] . 'px; 143 140 width: 100%; 144 141 margin: 0 auto; 145 position: relative; 146 } 147 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {148 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;142 position: relative; 143 } 144 .oxilab-flip-box-body-' . $styleid . ':after { 145 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 149 146 content: ""; 150 147 display: block; 151 148 } 152 .oxilab-flip-box- <?php echo $styleid; ?>{149 .oxilab-flip-box-' . $styleid . '{ 153 150 position: absolute; 154 151 top: 0; … … 156 153 right: 0; 157 154 bottom: 0; 158 border-width: <?php echo $styledata[149]; ?>px;159 border-style: <?php echo $styledata[151]; ?>;160 background-color: <?php echo $styledata[5]; ?>;161 border-color: <?php echo $styledata[7]; ?>;162 display: block; 163 -webkit-border-radius: <?php echo $styledata[153]; ?>px;164 -moz-border-radius: <?php echo $styledata[153]; ?>px;165 -ms-border-radius: <?php echo $styledata[153]; ?>px;166 -o-border-radius: <?php echo $styledata[153]; ?>px;167 border-radius: <?php echo $styledata[153]; ?>px;155 border-width: ' . $styledata[149] . 'px; 156 border-style:' . $styledata[151] . '; 157 background-color: ' . $styledata[5] . '; 158 border-color: ' . $styledata[7] . '; 159 display: block; 160 -webkit-border-radius: ' . $styledata[153] . 'px; 161 -moz-border-radius: ' . $styledata[153] . 'px; 162 -ms-border-radius: ' . $styledata[153] . 'px; 163 -o-border-radius: ' . $styledata[153] . 'px; 164 border-radius: ' . $styledata[153] . 'px; 168 165 overflow: hidden; 169 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;174 } 175 .oxilab-flip-box- <?php echo $styleid; ?>-data{166 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 167 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 } 172 .oxilab-flip-box-' . $styleid . '-data{ 176 173 position: absolute; 177 174 left: 0%; 178 top: 50%; 179 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;175 top: 50%; 176 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 180 177 -webkit-transform: translateY(-50%); 181 178 -ms-transform: translateY(-50%); … … 185 182 right: 0; 186 183 } 187 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{188 display: block; 189 text-align: center; 190 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;191 } 192 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{193 display: inline-block; 194 width: <?php echo $styledata[79]; ?>px;195 height: <?php echo $styledata[79]; ?>px;196 } 197 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{198 line-height: <?php echo $styledata[79]; ?>px;199 font-size: <?php echo $styledata[77]; ?>px;200 color: <?php echo $styledata[9]; ?>;201 } 202 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{203 display: block; 204 color: <?php echo $styledata[13]; ?>;205 text-align: <?php echo $styledata[91]; ?>;206 font-size: <?php echo $styledata[83]; ?>px;207 font-family: <?php echo $this->font_familly($styledata[85]); ?>;208 font-weight: <?php echo $styledata[89]; ?>;209 font-style: <?php echo $styledata[87]; ?>;210 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;211 212 } 213 .oxilab-flip-box-back- <?php echo $styleid; ?>{184 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 185 display: block; 186 text-align: center; 187 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 188 } 189 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 190 display: inline-block; 191 width: ' . $styledata[79] . 'px; 192 height: ' . $styledata[79] . 'px; 193 } 194 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 195 line-height: ' . $styledata[79] . 'px; 196 font-size: ' . $styledata[77] . 'px; 197 color: ' . $styledata[9] . '; 198 } 199 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 200 display: block; 201 color: ' . $styledata[13] . '; 202 text-align: ' . $styledata[91] . '; 203 font-size: ' . $styledata[83] . 'px; 204 font-family: ' . $this->font_familly($styledata[85]) . '; 205 font-weight: ' . $styledata[89] . '; 206 font-style:' . $styledata[87] . '; 207 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 208 209 } 210 .oxilab-flip-box-back-' . $styleid . '{ 214 211 position: absolute; 215 212 top: 0; … … 217 214 right: 0; 218 215 bottom: 0; 219 border-width: <?php echo $styledata[155]; ?>px;220 border-style: <?php echo $styledata[157]; ?>;221 background-color: <?php echo $styledata[15]; ?>;222 border-color: <?php echo $styledata[11]; ?>;223 display: block; 224 -webkit-border-radius: <?php echo $styledata[153]; ?>px;225 -moz-border-radius: <?php echo $styledata[153]; ?>px;226 -ms-border-radius: <?php echo $styledata[153]; ?>px;227 -o-border-radius: <?php echo $styledata[153]; ?>px;228 border-radius: <?php echo $styledata[153]; ?>px;216 border-width: ' . $styledata[155] . 'px; 217 border-style:' . $styledata[157] . '; 218 background-color: ' . $styledata[15] . '; 219 border-color: ' . $styledata[11] . '; 220 display: block; 221 -webkit-border-radius: ' . $styledata[153] . 'px; 222 -moz-border-radius: ' . $styledata[153] . 'px; 223 -ms-border-radius: ' . $styledata[153] . 'px; 224 -o-border-radius: ' . $styledata[153] . 'px; 225 border-radius: ' . $styledata[153] . 'px; 229 226 overflow: hidden; 230 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;231 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;232 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;233 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;234 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;235 } 236 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{227 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 228 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 229 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 230 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 231 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 232 } 233 .oxilab-flip-box-back-' . $styleid . '-data{ 237 234 position: absolute; 238 235 left: 0%; 239 236 right: 0; 240 top: 50%; 241 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;237 top: 50%; 238 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 242 239 -webkit-transform: translateY(-50%); 243 240 -ms-transform: translateY(-50%); 244 241 -moz-transform: translateY(-50%); 245 242 -o-transform: translateY(-50%); 246 transform: translateY(-50%); 247 } 248 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 249 display: block; 250 color: <?php echo $styledata[31]; ?>; 251 text-align: <?php echo $styledata[189]; ?>; 252 font-size: <?php echo $styledata[181]; ?>px; 253 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 254 font-weight: <?php echo $styledata[187]; ?>; 255 font-style:<?php echo $styledata[185]; ?>; 256 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 257 258 } 259 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 260 display: block; 261 color: <?php echo $styledata[19]; ?>; 262 text-align: <?php echo $styledata[115]; ?>; 263 font-size: <?php echo $styledata[107]; ?>px; 264 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 265 font-weight: <?php echo $styledata[113]; ?>; 266 font-style:<?php echo $styledata[111]; ?>; 267 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 268 269 } 270 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 271 display: block; 272 text-align: <?php echo $styledata[139]; ?>; 273 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 274 275 } 276 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 277 display: inline-block; 278 color: <?php echo $styledata[21]; ?>; 279 background-color: <?php echo $styledata[23]; ?>; 280 font-size: <?php echo $styledata[125]; ?>px; 281 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 282 font-weight: <?php echo $styledata[131]; ?>; 283 font-style:<?php echo $styledata[129]; ?>; 284 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 285 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 286 -moz-border-radius: <?php echo $styledata[137]; ?>px; 287 -ms-border-radius: <?php echo $styledata[137]; ?>px; 288 -o-border-radius: <?php echo $styledata[137]; ?>px; 289 border-radius: <?php echo $styledata[137]; ?>px; 290 } 291 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 292 background-color: <?php echo $styledata[27]; ?>; 293 color: <?php echo $styledata[25]; ?>; 294 } 295 <?php echo $styledata[199]; ?>; 296 </style> 243 transform: translateY(-50%); 244 } 245 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 246 display: block; 247 color: ' . $styledata[31] . '; 248 text-align: ' . $styledata[189] . '; 249 font-size: ' . $styledata[181] . 'px; 250 font-family: ' . $this->font_familly($styledata[183]) . '; 251 font-weight: ' . $styledata[187] . '; 252 font-style:' . $styledata[185] . '; 253 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 254 255 } 256 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 257 display: block; 258 color: ' . $styledata[19] . '; 259 text-align: ' . $styledata[115] . '; 260 font-size: ' . $styledata[107] . 'px; 261 font-family: ' . $this->font_familly($styledata[109]) . '; 262 font-weight: ' . $styledata[113] . '; 263 font-style:' . $styledata[111] . '; 264 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 265 266 } 267 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 268 display: block; 269 text-align: ' . $styledata[139] . '; 270 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 271 272 } 273 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 274 display: inline-block; 275 color: ' . $styledata[21] . '; 276 background-color: ' . $styledata[23] . '; 277 font-size: ' . $styledata[125] . 'px; 278 font-family: ' . $this->font_familly($styledata[127]) . '; 279 font-weight: ' . $styledata[131] . '; 280 font-style:' . $styledata[129] . '; 281 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 282 -webkit-border-radius: ' . $styledata[137] . 'px; 283 -moz-border-radius: ' . $styledata[137] . 'px; 284 -ms-border-radius: ' . $styledata[137] . 'px; 285 -o-border-radius: ' . $styledata[137] . 'px; 286 border-radius: ' . $styledata[137] . 'px; 287 } 288 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 289 background-color: ' . $styledata[27] . '; 290 color: ' . $styledata[25] . '; 291 } 292 ' . $styledata[199] . ';'; 293 ?> 294 297 295 </div> 298 296 -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style29.php
r2328035 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-image"> 59 <img src="<?php echo $filesdata[5]; ?>">57 <img src="<?php echo esc_url($filesdata[5]); ?>"> 60 58 </div> 61 59 <div class="oxilab-heading"> 62 60 <?php echo $this->text_render($filesdata[1]); ?> 63 </div> 61 </div> 64 62 </div> 65 63 </div> 66 64 </div> 67 65 <div class="oxilab-flip-box-back"> 68 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">66 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 70 68 <div class="oxilab-heading"> 71 69 <?php echo $this->text_render($filesdata[17]); ?> … … 76 74 <?php 77 75 if ($filesdata[9] != '') { 78 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';76 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 79 77 echo '<div class="oxilab-button"> 80 78 <div class="oxilab-button-data"> … … 93 91 </div> 94 92 <?php 95 echo $fileslinkend; 93 if ($filesdata[9] == '' && $filesdata[11] != '') { 94 echo '</a>'; 95 } 96 96 echo $this->admin_edit_panel($value['id']); 97 97 ?> 98 98 </div> 99 <style> 100 <?php101 if ($filesdata[5] != '') {102 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{103 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");104 -moz-background-size: 100% 100%;105 -o-background-size: 100% 100%;106 background-size: 100% 100%;107 }';108 }109 if ($filesdata[13] != '') {110 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{111 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");112 -moz-background-size: 100% 100%;113 -o-background-size: 100% 100%;114 background-size: 100% 100%;115 }';116 }117 ?>118 </style> 99 100 <?php 101 if ($filesdata[5] != '') { 102 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 103 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 104 -moz-background-size: 100% 100%; 105 -o-background-size: 100% 100%; 106 background-size: 100% 100%; 107 }'; 108 } 109 if ($filesdata[13] != '') { 110 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 111 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 112 -moz-background-size: 100% 100%; 113 -o-background-size: 100% 100%; 114 background-size: 100% 100%; 115 }'; 116 } 117 ?> 118 119 119 </div> 120 120 <?php 121 121 endif; 122 122 } 123 ?> 124 125 <style> 126 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 127 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 128 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 129 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 130 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 132 transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 134 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 135 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 136 -o-animation-duration: <?php echo $styledata[57]; ?>s; 137 animation-duration: <?php echo $styledata[57]; ?>s; 138 } 139 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 140 max-width: <?php echo $styledata[45]; ?>px; 123 124 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 125 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 126 -webkit-transition: opacity ' . $styledata[57] . 's linear; 127 -moz-transition: opacity ' . $styledata[57] . 's linear; 128 -ms-transition: opacity ' . $styledata[57] . 's linear; 129 -o-transition: opacity ' . $styledata[57] . 's linear; 130 transition: opacity ' . $styledata[57] . 's linear; 131 -webkit-animation-duration: ' . $styledata[57] . 's; 132 -moz-animation-duration: ' . $styledata[57] . 's; 133 -ms-animation-duration: ' . $styledata[57] . 's; 134 -o-animation-duration: ' . $styledata[57] . 's; 135 animation-duration: ' . $styledata[57] . 's; 136 } 137 .oxilab-flip-box-body-' . $styleid . '{ 138 max-width: ' . $styledata[45] . 'px; 141 139 width: 100%; 142 140 margin: 0 auto; 143 position: relative; 144 } 145 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {146 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;141 position: relative; 142 } 143 .oxilab-flip-box-body-' . $styleid . ':after { 144 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 147 145 content: ""; 148 146 display: block; 149 147 } 150 .oxilab-flip-box- <?php echo $styleid; ?>{151 position: absolute; 152 top: 0; 153 left: 0; 154 right: 0; 155 bottom: 0; 156 background-color: <?php echo $styledata[5]; ?>;157 border-color: <?php echo $styledata[7]; ?>;158 border-width: <?php echo $styledata[163]; ?>px;159 border-style: <?php echo $styledata[165]; ?>;160 display: block; 161 -webkit-border-radius: <?php echo $styledata[153]; ?>px;162 -moz-border-radius: <?php echo $styledata[153]; ?>px;163 -ms-border-radius: <?php echo $styledata[153]; ?>px;164 -o-border-radius: <?php echo $styledata[153]; ?>px;165 border-radius: <?php echo $styledata[153]; ?>px;166 overflow: hidden; 167 } 168 .oxilab-flip-box- <?php echo $styleid; ?>-data{148 .oxilab-flip-box-' . $styleid . '{ 149 position: absolute; 150 top: 0; 151 left: 0; 152 right: 0; 153 bottom: 0; 154 background-color: ' . $styledata[5] . '; 155 border-color:' . $styledata[7] . '; 156 border-width: ' . $styledata[163] . 'px; 157 border-style:' . $styledata[165] . '; 158 display: block; 159 -webkit-border-radius: ' . $styledata[153] . 'px; 160 -moz-border-radius: ' . $styledata[153] . 'px; 161 -ms-border-radius: ' . $styledata[153] . 'px; 162 -o-border-radius: ' . $styledata[153] . 'px; 163 border-radius: ' . $styledata[153] . 'px; 164 overflow: hidden; 165 } 166 .oxilab-flip-box-' . $styleid . '-data{ 169 167 position: absolute; 170 168 left: 0%; 171 top: 0%; 172 right: 0; 173 bottom: 0; 174 } 175 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image{169 top: 0%; 170 right: 0; 171 bottom: 0; 172 } 173 .oxilab-flip-box-' . $styleid . '-data .oxilab-image{ 176 174 position: absolute; 177 175 top: 0; … … 179 177 right: 0; 180 178 bottom:0; 181 margin: <?php echo $styledata[71]; ?>px <?php echo $styledata[77]; ?>px <?php echo $styledata[73]; ?>px <?php echo $styledata[75]; ?>px;182 display: block; 183 } 184 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-image img{179 margin: ' . $styledata[71] . 'px ' . $styledata[77] . 'px ' . $styledata[73] . 'px ' . $styledata[75] . 'px; 180 display: block; 181 } 182 .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{ 185 183 position: absolute; 186 184 top: 0; … … 190 188 width: 100%; 191 189 height:100%; 192 display: block; 193 } 194 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{190 display: block; 191 } 192 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 195 193 position: absolute; 196 194 left: 0; 197 195 bottom: 0; 198 196 width: 100%; 199 margin-top: <?php echo $styledata[69]; ?>%;200 color: <?php echo $styledata[13]; ?>;201 background: <?php echo $styledata[5]; ?>;202 display: block; 203 text-align: <?php echo $styledata[91]; ?>;204 font-size: <?php echo $styledata[83]; ?>px;205 font-family: <?php echo $this->font_familly($styledata[85]); ?>;206 font-weight: <?php echo $styledata[89]; ?>;207 font-style: <?php echo $styledata[87]; ?>;208 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;209 } 210 .oxilab-flip-box-back- <?php echo $styleid; ?>{211 position: absolute; 212 top: 0; 213 left: 0; 214 right: 0; 215 bottom: 0; 216 background-color: <?php echo $styledata[15]; ?>;217 border-color: <?php echo $styledata[9]; ?>;218 border-width: <?php echo $styledata[167]; ?>px;219 border-style: <?php echo $styledata[169]; ?>;220 display: block; 221 -webkit-border-radius: <?php echo $styledata[153]; ?>px;222 -moz-border-radius: <?php echo $styledata[153]; ?>px;223 -ms-border-radius: <?php echo $styledata[153]; ?>px;224 -o-border-radius: <?php echo $styledata[153]; ?>px;225 border-radius: <?php echo $styledata[153]; ?>px;226 overflow: hidden; 227 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;228 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;229 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;230 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;231 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;232 } 233 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{197 margin-top: ' . $styledata[69] . '%; 198 color: ' . $styledata[13] . '; 199 background: ' . $styledata[5] . '; 200 display: block; 201 text-align: ' . $styledata[91] . '; 202 font-size: ' . $styledata[83] . 'px; 203 font-family: ' . $this->font_familly($styledata[85]) . '; 204 font-weight: ' . $styledata[89] . '; 205 font-style:' . $styledata[87] . '; 206 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 207 } 208 .oxilab-flip-box-back-' . $styleid . '{ 209 position: absolute; 210 top: 0; 211 left: 0; 212 right: 0; 213 bottom: 0; 214 background-color: ' . $styledata[15] . '; 215 border-color:' . $styledata[9] . '; 216 border-width: ' . $styledata[167] . 'px; 217 border-style:' . $styledata[169] . '; 218 display: block; 219 -webkit-border-radius: ' . $styledata[153] . 'px; 220 -moz-border-radius: ' . $styledata[153] . 'px; 221 -ms-border-radius: ' . $styledata[153] . 'px; 222 -o-border-radius: ' . $styledata[153] . 'px; 223 border-radius: ' . $styledata[153] . 'px; 224 overflow: hidden; 225 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 226 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 227 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 228 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 229 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 230 } 231 .oxilab-flip-box-back-' . $styleid . '-data{ 234 232 position: absolute; 235 233 left: 0%; 236 234 right: 0; 237 top: 50%; 238 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;235 top: 50%; 236 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 239 237 -webkit-transform: translateY(-50%); 240 238 -ms-transform: translateY(-50%); 241 239 -moz-transform: translateY(-50%); 242 240 -o-transform: translateY(-50%); 243 transform: translateY(-50%); 244 } 245 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{246 display: block; 247 color: <?php echo $styledata[31]; ?>;248 text-align: <?php echo $styledata[189]; ?>;249 font-size: <?php echo $styledata[181]; ?>px;250 font-family: <?php echo $this->font_familly($styledata[183]); ?>;251 font-weight: <?php echo $styledata[187]; ?>;252 font-style: <?php echo $styledata[185]; ?>;253 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;254 } 255 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{256 display: block; 257 color: <?php echo $styledata[19]; ?>;258 text-align: <?php echo $styledata[115]; ?>;259 font-size: <?php echo $styledata[107]; ?>px;260 font-family: <?php echo $this->font_familly($styledata[109]); ?>;261 font-weight: <?php echo $styledata[113]; ?>;262 font-style: <?php echo $styledata[111]; ?>;263 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;264 } 265 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button{266 display: block; 267 text-align: <?php echo $styledata[139]; ?>;268 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px;269 } 270 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data{271 display: inline-block; 272 color: <?php echo $styledata[21]; ?>;273 background-color: <?php echo $styledata[23]; ?>;274 font-size: <?php echo $styledata[125]; ?>px;275 font-family: <?php echo $this->font_familly($styledata[127]); ?>;276 font-weight: <?php echo $styledata[131]; ?>;277 font-style: <?php echo $styledata[129]; ?>;278 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;279 -webkit-border-radius: <?php echo $styledata[137]; ?>px;280 -moz-border-radius: <?php echo $styledata[137]; ?>px;281 -ms-border-radius: <?php echo $styledata[137]; ?>px;282 -o-border-radius: <?php echo $styledata[137]; ?>px;283 border-radius: <?php echo $styledata[137]; ?>px;284 } 285 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data:hover{286 background-color: <?php echo $styledata[27]; ?>;287 color: <?php echo $styledata[25]; ?>;288 } 289 <?php echo $styledata[199]; ?>;290 </style>241 transform: translateY(-50%); 242 } 243 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 244 display: block; 245 color: ' . $styledata[31] . '; 246 text-align: ' . $styledata[189] . '; 247 font-size: ' . $styledata[181] . 'px; 248 font-family: ' . $this->font_familly($styledata[183]) . '; 249 font-weight: ' . $styledata[187] . '; 250 font-style:' . $styledata[185] . '; 251 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 252 } 253 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 254 display: block; 255 color: ' . $styledata[19] . '; 256 text-align: ' . $styledata[115] . '; 257 font-size: ' . $styledata[107] . 'px; 258 font-family: ' . $this->font_familly($styledata[109]) . '; 259 font-weight: ' . $styledata[113] . '; 260 font-style:' . $styledata[111] . '; 261 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 262 } 263 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 264 display: block; 265 text-align: ' . $styledata[139] . '; 266 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 267 } 268 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 269 display: inline-block; 270 color: ' . $styledata[21] . '; 271 background-color: ' . $styledata[23] . '; 272 font-size: ' . $styledata[125] . 'px; 273 font-family: ' . $this->font_familly($styledata[127]) . '; 274 font-weight: ' . $styledata[131] . '; 275 font-style:' . $styledata[129] . '; 276 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 277 -webkit-border-radius: ' . $styledata[137] . 'px; 278 -moz-border-radius: ' . $styledata[137] . 'px; 279 -ms-border-radius: ' . $styledata[137] . 'px; 280 -o-border-radius: ' . $styledata[137] . 'px; 281 border-radius: ' . $styledata[137] . 'px; 282 } 283 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 284 background-color: ' . $styledata[27] . '; 285 color: ' . $styledata[25] . '; 286 } 287 ' . $styledata[199] . ';'; 288 ?> 291 289 </div> 292 290 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style3.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] != '') { 45 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 72 70 </div> 73 71 <div class="oxilab-flip-box-back"> 74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 73 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 76 74 <div class="oxilab-info"> 77 75 <?php echo $this->text_render($filesdata[7]); ?> … … 85 83 </div> 86 84 <?php 87 echo $fileslinkend; 85 if ($filesdata[9] != '') { 86 echo '</a>'; 87 } 88 88 echo $this->admin_edit_panel($value['id']); 89 89 ?> … … 91 91 92 92 93 <style> 94 <?php 95 if ($filesdata[5] != '') { 96 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 93 <?php 94 if ($filesdata[5] != '') { 95 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 97 96 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 98 97 -moz-background-size: 100% 100%; … … 100 99 background-size: 100% 100%; 101 100 }'; 102 }103 ?>104 <?php105 if ($filesdata[11] != '') {106 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{101 } 102 ?> 103 <?php 104 if ($filesdata[11] != '') { 105 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 107 106 background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '"); 108 107 -moz-background-size: 100% 100%; … … 110 109 background-size: 100% 100%; 111 110 }'; 112 }113 ?>114 </style> 111 } 112 ?> 113 115 114 </div> 116 115 <?php 117 116 endif; 118 117 } 119 ?> 120 <style> 121 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 122 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 123 transition: opacity <?php echo $styledata[57]; ?>s linear; 124 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 125 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 126 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 127 -o-animation-duration: <?php echo $styledata[57]; ?>s; 128 animation-duration: <?php echo $styledata[57]; ?>s; 129 } 130 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 131 max-width: <?php echo $styledata[45]; ?>px; 118 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 119 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 120 transition: opacity ' . $styledata[57] . 's linear; 121 -webkit-animation-duration: ' . $styledata[57] . 's; 122 -moz-animation-duration: ' . $styledata[57] . 's; 123 -ms-animation-duration: ' . $styledata[57] . 's; 124 -o-animation-duration: ' . $styledata[57] . 's; 125 animation-duration: ' . $styledata[57] . 's; 126 } 127 .oxilab-flip-box-body-' . $styleid . '{ 128 max-width: ' . $styledata[45] . 'px; 132 129 width: 100%; 133 130 margin: 0 auto; 134 position: relative; 135 } 136 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {137 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;131 position: relative; 132 } 133 .oxilab-flip-box-body-' . $styleid . ':after { 134 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 138 135 content: ""; 139 136 display: block; 140 137 } 141 .oxilab-flip-box- <?php echo $styleid; ?>{138 .oxilab-flip-box-' . $styleid . '{ 142 139 position: absolute; 143 140 top: 0; … … 145 142 right: 0; 146 143 bottom: 0; 147 display: block; 148 background-color: <?php echo $styledata[5]; ?>;149 -webkit-border-radius: <?php echo $styledata[141]; ?>px;150 -moz-border-radius: <?php echo $styledata[141]; ?>px;151 -ms-border-radius: <?php echo $styledata[141]; ?>px;152 -o-border-radius: <?php echo $styledata[141]; ?>px;153 border-radius: <?php echo $styledata[141]; ?>px;144 display: block; 145 background-color: ' . $styledata[5] . '; 146 -webkit-border-radius: ' . $styledata[141] . 'px; 147 -moz-border-radius: ' . $styledata[141] . 'px; 148 -ms-border-radius: ' . $styledata[141] . 'px; 149 -o-border-radius: ' . $styledata[141] . 'px; 150 border-radius: ' . $styledata[141] . 'px; 154 151 overflow: hidden; 155 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;156 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;157 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;158 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;159 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;160 } 161 .oxilab-flip-box- <?php echo $styleid; ?>-data{152 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 153 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 154 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 155 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 156 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 157 } 158 .oxilab-flip-box-' . $styleid . '-data{ 162 159 position: absolute; 163 160 left: 0%; 164 top: 50%; 165 padding: <?php echo $styledata[69]; ?>px <?php echo $styledata[71]; ?>px;161 top: 50%; 162 padding: ' . $styledata[69] . 'px ' . $styledata[71] . 'px; 166 163 -webkit-transform: translateY(-50%); 167 164 -ms-transform: translateY(-50%); … … 171 168 right: 0; 172 169 } 173 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{174 display: block; 175 text-align: <?php echo $styledata[81]; ?>;176 padding: <?php echo $styledata[77]; ?>px <?php echo $styledata[79]; ?>px;177 } 178 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{179 display: inline-block; 180 width: <?php echo $styledata[75]; ?>px;181 height: <?php echo $styledata[75]; ?>px;182 } 183 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{184 line-height: <?php echo $styledata[75]; ?>px;185 font-size: <?php echo $styledata[73]; ?>px;186 color: <?php echo $styledata[7]; ?>;187 } 188 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{189 display: block; 190 color: <?php echo $styledata[11]; ?>;191 text-align: <?php echo $styledata[91]; ?>;192 font-size: <?php echo $styledata[83]; ?>px;193 font-family: <?php echo $this->font_familly($styledata[85]); ?>;194 font-weight: <?php echo $styledata[89]; ?>;195 font-style: <?php echo $styledata[87]; ?>;196 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;197 } 198 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{199 display: block; 200 color: <?php echo $styledata[17]; ?>;201 text-align: <?php echo $styledata[109]; ?>;202 font-size: <?php echo $styledata[101]; ?>px;203 font-family: <?php echo $this->font_familly($styledata[103]); ?>;204 font-weight: <?php echo $styledata[107]; ?>;205 font-style: <?php echo $styledata[105]; ?>;206 padding: <?php echo $styledata[111]; ?>px <?php echo $styledata[117]; ?>px <?php echo $styledata[113]; ?>px <?php echo $styledata[115]; ?>px;207 } 208 .oxilab-flip-box-back- <?php echo $styleid; ?>{170 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 171 display: block; 172 text-align: ' . $styledata[81] . '; 173 padding: ' . $styledata[77] . 'px ' . $styledata[79] . 'px; 174 } 175 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 176 display: inline-block; 177 width: ' . $styledata[75] . 'px; 178 height: ' . $styledata[75] . 'px; 179 } 180 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 181 line-height: ' . $styledata[75] . 'px; 182 font-size: ' . $styledata[73] . 'px; 183 color: ' . $styledata[7] . '; 184 } 185 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 186 display: block; 187 color: ' . $styledata[11] . '; 188 text-align: ' . $styledata[91] . '; 189 font-size: ' . $styledata[83] . 'px; 190 font-family: ' . $this->font_familly($styledata[85]) . '; 191 font-weight: ' . $styledata[89] . '; 192 font-style:' . $styledata[87] . '; 193 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 194 } 195 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 196 display: block; 197 color: ' . $styledata[17] . '; 198 text-align: ' . $styledata[109] . '; 199 font-size: ' . $styledata[101] . 'px; 200 font-family: ' . $this->font_familly($styledata[103]) . '; 201 font-weight: ' . $styledata[107] . '; 202 font-style:' . $styledata[105] . '; 203 padding: ' . $styledata[111] . 'px ' . $styledata[117] . 'px ' . $styledata[113] . 'px ' . $styledata[115] . 'px; 204 } 205 .oxilab-flip-box-back-' . $styleid . '{ 209 206 position: absolute; 210 207 top: 0; … … 213 210 bottom: 0; 214 211 display: block; 215 background-color: <?php echo $styledata[13]; ?>;216 -webkit-border-radius: <?php echo $styledata[141]; ?>px;217 -moz-border-radius: <?php echo $styledata[141]; ?>px;218 -ms-border-radius: <?php echo $styledata[141]; ?>px;219 -o-border-radius: <?php echo $styledata[141]; ?>px;220 border-radius: <?php echo $styledata[141]; ?>px;212 background-color: ' . $styledata[13] . '; 213 -webkit-border-radius: ' . $styledata[141] . 'px; 214 -moz-border-radius: ' . $styledata[141] . 'px; 215 -ms-border-radius: ' . $styledata[141] . 'px; 216 -o-border-radius: ' . $styledata[141] . 'px; 217 border-radius: ' . $styledata[141] . 'px; 221 218 overflow: hidden; 222 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;223 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;224 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;225 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;226 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;227 228 } 229 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{219 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 220 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 221 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 222 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 223 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 224 225 } 226 .oxilab-flip-box-back-' . $styleid . '-data{ 230 227 position: absolute; 231 228 left: 0%; 232 229 right: 0; 233 top: 50%; 234 padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;230 top: 50%; 231 padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 235 232 -webkit-transform: translateY(-50%); 236 233 -ms-transform: translateY(-50%); 237 234 -moz-transform: translateY(-50%); 238 235 -o-transform: translateY(-50%); 239 transform: translateY(-50%); 240 } 241 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 242 display: block; 243 color: <?php echo $styledata[15]; ?>; 244 text-align: <?php echo $styledata[131]; ?>; 245 font-size: <?php echo $styledata[123]; ?>px; 246 font-family: <?php echo $this->font_familly($styledata[125]); ?>; 247 font-weight: <?php echo $styledata[129]; ?>; 248 font-style:<?php echo $styledata[127]; ?>; 249 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px; 250 251 } 252 <?php echo $styledata[143]; ?>; 253 </style> 236 transform: translateY(-50%); 237 } 238 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 239 display: block; 240 color: ' . $styledata[15] . '; 241 text-align: ' . $styledata[131] . '; 242 font-size: ' . $styledata[123] . 'px; 243 font-family: ' . $this->font_familly($styledata[125]) . '; 244 font-weight: ' . $styledata[129] . '; 245 font-style:' . $styledata[127] . '; 246 padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px; 247 248 } 249 ' . $styledata[143] . ';'; 250 ?> 251 254 252 </div> 255 253 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style4.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-icon"> 59 57 <div class="oxilab-icon-data"> … … 72 70 </div> 73 71 <div class="oxilab-flip-box-back"> 74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 73 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 76 74 <div class="oxilab-heading"> 77 75 <?php echo $this->text_render($filesdata[17]); ?> … … 82 80 <?php 83 81 if ($filesdata[9] != '') { 84 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';82 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 85 83 echo '<div class="oxilab-button"> 86 84 <div class="oxilab-button-data"> … … 99 97 </div> 100 98 <?php 101 echo $fileslinkend; 99 if ($filesdata[9] == '' && $filesdata[11] != '') { 100 echo '</a>'; 101 } 102 102 echo $this->admin_edit_panel($value['id']); 103 103 ?> … … 105 105 </div> 106 106 107 <style> 108 <?php109 if ($filesdata[5] != '') {110 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{107 108 <?php 109 if ($filesdata[5] != '') { 110 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 111 111 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 112 112 -moz-background-size: 100% 100%; … … 114 114 background-size: 100% 100%; 115 115 }'; 116 }117 ?>118 <?php119 if ($filesdata[13] != '') {120 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{116 } 117 ?> 118 <?php 119 if ($filesdata[13] != '') { 120 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 121 121 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 122 122 -moz-background-size: 100% 100%; … … 124 124 background-size: 100% 100%; 125 125 }'; 126 }127 ?>128 </style> 126 } 127 ?> 128 129 129 </div> 130 130 <?php 131 131 endif; 132 132 } 133 ?> 134 135 <style> 136 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 137 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 138 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 139 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 140 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 141 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 142 transition: opacity <?php echo $styledata[57]; ?>s linear; 143 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 144 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 145 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 146 -o-animation-duration: <?php echo $styledata[57]; ?>s; 147 animation-duration: <?php echo $styledata[57]; ?>s; 148 } 149 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 150 max-width: <?php echo $styledata[45]; ?>px; 133 134 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 135 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 136 -webkit-transition: opacity ' . $styledata[57] . 's linear; 137 -moz-transition: opacity ' . $styledata[57] . 's linear; 138 -ms-transition: opacity ' . $styledata[57] . 's linear; 139 -o-transition: opacity ' . $styledata[57] . 's linear; 140 transition: opacity ' . $styledata[57] . 's linear; 141 -webkit-animation-duration: ' . $styledata[57] . 's; 142 -moz-animation-duration: ' . $styledata[57] . 's; 143 -ms-animation-duration: ' . $styledata[57] . 's; 144 -o-animation-duration: ' . $styledata[57] . 's; 145 animation-duration: ' . $styledata[57] . 's; 146 } 147 .oxilab-flip-box-body-' . $styleid . '{ 148 max-width: ' . $styledata[45] . 'px; 151 149 width: 100%; 152 150 margin: 0 auto; 153 position: relative; 154 } 155 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {156 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;151 position: relative; 152 } 153 .oxilab-flip-box-body-' . $styleid . ':after { 154 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 157 155 content: ""; 158 156 display: block; 159 157 } 160 .oxilab-flip-box- <?php echo $styleid; ?>{158 .oxilab-flip-box-' . $styleid . '{ 161 159 position: absolute; 162 160 top: 0; … … 165 163 bottom: 0; 166 164 display: block; 167 background-color: <?php echo $styledata[5]; ?>;168 -webkit-border-radius: <?php echo $styledata[153]; ?>px;169 -moz-border-radius: <?php echo $styledata[153]; ?>px;170 -o-border-radius: <?php echo $styledata[153]; ?>px;171 -ms-border-radius: <?php echo $styledata[153]; ?>px;172 border-radius: <?php echo $styledata[153]; ?>px;165 background-color: ' . $styledata[5] . '; 166 -webkit-border-radius: ' . $styledata[153] . 'px; 167 -moz-border-radius: ' . $styledata[153] . 'px; 168 -o-border-radius: ' . $styledata[153] . 'px; 169 -ms-border-radius: ' . $styledata[153] . 'px; 170 border-radius: ' . $styledata[153] . 'px; 173 171 overflow: hidden; 174 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;175 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;176 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;177 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;178 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;179 } 180 .oxilab-flip-box- <?php echo $styleid; ?>-data{172 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 173 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 174 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 175 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 176 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 177 } 178 .oxilab-flip-box-' . $styleid . '-data{ 181 179 position: absolute; 182 180 left: 0%; 183 top: 50%; 184 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;181 top: 50%; 182 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 185 183 -webkit-transform: translateY(-50%); 186 184 -ms-transform: translateY(-50%); … … 190 188 right: 0; 191 189 } 192 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{ 193 display: block; 194 text-align: center; 195 padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px; 196 } 197 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{ 198 display: inline-block; 199 width: <?php echo $styledata[79]; ?>px; 200 height: <?php echo $styledata[79]; ?>px; 190 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 191 display: block; 201 192 text-align: center; 202 } 203 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{ 204 line-height: <?php echo $styledata[79]; ?>px; 205 font-size: <?php echo $styledata[77]; ?>px; 206 color: <?php echo $styledata[9]; ?>; 207 } 208 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{ 209 display: block; 210 color: <?php echo $styledata[13]; ?>; 211 text-align: <?php echo $styledata[91]; ?>; 212 font-size: <?php echo $styledata[83]; ?>px; 213 font-family: <?php echo $this->font_familly($styledata[85]); ?>; 214 font-weight: <?php echo $styledata[89]; ?>; 215 font-style:<?php echo $styledata[87]; ?>; 216 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 217 218 } 219 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{ 220 display: block; 221 color: <?php echo $styledata[29]; ?>; 222 text-align: <?php echo $styledata[171]; ?>; 223 font-size: <?php echo $styledata[163]; ?>px; 224 font-family: <?php echo $this->font_familly($styledata[165]); ?>; 225 font-weight: <?php echo $styledata[169]; ?>; 226 font-style:<?php echo $styledata[167]; ?>; 227 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px; 228 229 } 230 .oxilab-flip-box-back-<?php echo $styleid; ?>{ 193 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 194 } 195 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 196 display: inline-block; 197 width: ' . $styledata[79] . 'px; 198 height: ' . $styledata[79] . 'px; 199 text-align: center; 200 } 201 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 202 line-height: ' . $styledata[79] . 'px; 203 font-size: ' . $styledata[77] . 'px; 204 color: ' . $styledata[9] . '; 205 } 206 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 207 display: block; 208 color: ' . $styledata[13] . '; 209 text-align: ' . $styledata[91] . '; 210 font-size: ' . $styledata[83] . 'px; 211 font-family: ' . $this->font_familly($styledata[85]) . '; 212 font-weight: ' . $styledata[89] . '; 213 font-style:' . $styledata[87] . '; 214 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 215 216 } 217 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 218 display: block; 219 color: ' . $styledata[29] . '; 220 text-align: ' . $styledata[171] . '; 221 font-size: ' . $styledata[163] . 'px; 222 font-family: ' . $this->font_familly($styledata[165]) . '; 223 font-weight: ' . $styledata[169] . '; 224 font-style:' . $styledata[167] . '; 225 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 226 227 } 228 .oxilab-flip-box-back-' . $styleid . '{ 231 229 position: absolute; 232 230 top: 0; … … 235 233 bottom: 0; 236 234 display: block; 237 background-color: <?php echo $styledata[15]; ?>;238 -webkit-border-radius: <?php echo $styledata[153]; ?>px;239 -moz-border-radius: <?php echo $styledata[153]; ?>px;240 -o-border-radius: <?php echo $styledata[153]; ?>px;241 -ms-border-radius: <?php echo $styledata[153]; ?>px;242 border-radius: <?php echo $styledata[153]; ?>px;235 background-color: ' . $styledata[15] . '; 236 -webkit-border-radius: ' . $styledata[153] . 'px; 237 -moz-border-radius: ' . $styledata[153] . 'px; 238 -o-border-radius: ' . $styledata[153] . 'px; 239 -ms-border-radius: ' . $styledata[153] . 'px; 240 border-radius:' . $styledata[153] . 'px; 243 241 overflow: hidden; 244 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;245 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;246 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;247 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;248 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;249 } 250 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{242 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 243 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 244 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 245 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 246 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 247 } 248 .oxilab-flip-box-back-' . $styleid . '-data{ 251 249 position: absolute; 252 250 left: 0%; 253 251 right: 0; 254 top: 50%; 255 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;252 top: 50%; 253 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 256 254 -webkit-transform: translateY(-50%); 257 255 -ms-transform: translateY(-50%); 258 256 -moz-transform: translateY(-50%); 259 257 -o-transform: translateY(-50%); 260 transform: translateY(-50%); 261 } 262 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{263 display: block; 264 color: <?php echo $styledata[31]; ?>;265 text-align: <?php echo $styledata[189]; ?>;266 font-size: <?php echo $styledata[181]; ?>px;267 font-family: <?php echo $this->font_familly($styledata[183]); ?>;268 font-weight: <?php echo $styledata[187]; ?>;269 font-style: <?php echo $styledata[185]; ?>;270 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;271 272 } 273 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{274 display: block; 275 color: <?php echo $styledata[19]; ?>;276 text-align: <?php echo $styledata[115]; ?>;277 font-size: <?php echo $styledata[107]; ?>px;278 font-family: <?php echo $this->font_familly($styledata[109]); ?>;279 font-weight: <?php echo $styledata[113]; ?>;280 font-style: <?php echo $styledata[111]; ?>;281 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;282 283 } 284 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button{285 display: block; 286 text-align: <?php echo $styledata[139]; ?>;287 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px;288 289 } 290 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data{291 display: inline-block; 292 font-size: <?php echo $styledata[125]; ?>px;293 font-family: <?php echo $this->font_familly($styledata[127]); ?>;294 font-weight: <?php echo $styledata[131]; ?>;295 font-style: <?php echo $styledata[129]; ?>;296 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;297 -webkit-border-radius: <?php echo $styledata[137]; ?>px;298 -moz-border-radius: <?php echo $styledata[137]; ?>px;299 -o-border-radius: <?php echo $styledata[137]; ?>px;300 -ms-border-radius: <?php echo $styledata[137]; ?>px;301 border-radius: <?php echo $styledata[137]; ?>px;302 color: <?php echo $styledata[21]; ?>;303 background-color: <?php echo $styledata[23]; ?>;304 } 305 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data:hover{306 background-color: <?php echo $styledata[27]; ?>;307 color: <?php echo $styledata[25]; ?>;308 } 309 <?php echo $styledata[199]; ?>px;310 </style>258 transform: translateY(-50%); 259 } 260 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 261 display: block; 262 color: ' . $styledata[31] . '; 263 text-align: ' . $styledata[189] . '; 264 font-size: ' . $styledata[181] . 'px; 265 font-family: ' . $this->font_familly($styledata[183]) . '; 266 font-weight: ' . $styledata[187] . '; 267 font-style:' . $styledata[185] . '; 268 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 269 270 } 271 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 272 display: block; 273 color: ' . $styledata[19] . '; 274 text-align: ' . $styledata[115] . '; 275 font-size: ' . $styledata[107] . 'px; 276 font-family: ' . $this->font_familly($styledata[109]) . '; 277 font-weight: ' . $styledata[113] . '; 278 font-style:' . $styledata[111] . '; 279 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 280 281 } 282 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 283 display: block; 284 text-align: ' . $styledata[139] . '; 285 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 286 287 } 288 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 289 display: inline-block; 290 font-size: ' . $styledata[125] . 'px; 291 font-family: ' . $this->font_familly($styledata[127]) . '; 292 font-weight: ' . $styledata[131] . '; 293 font-style:' . $styledata[129] . '; 294 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 295 -webkit-border-radius: ' . $styledata[137] . 'px; 296 -moz-border-radius: ' . $styledata[137] . 'px; 297 -o-border-radius: ' . $styledata[137] . 'px; 298 -ms-border-radius: ' . $styledata[137] . 'px; 299 border-radius: ' . $styledata[137] . 'px; 300 color: ' . $styledata[21] . '; 301 background-color: ' . $styledata[23] . '; 302 } 303 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 304 background-color: ' . $styledata[27] . '; 305 color: ' . $styledata[25] . '; 306 } 307 ' . $styledata[199] . 'px;'; 308 ?> 311 309 </div> 312 310 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style5.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 34 35 35 36 36 $filesdata = explode("{#}|{#}", $value['files']);37 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 37 38 ?> 38 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"39 sa-data-animation="<?php echo $styledata[55]; ?>"39 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 40 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 40 41 sa-data-animation-offset="100%" 41 42 sa-data-animation-delay="0ms" 42 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"43 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 43 44 > 44 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">45 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 45 46 <?php 46 47 if ($filesdata[9] == '' && $filesdata[11] != '') { 47 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 48 $fileslinkend = '</a>'; 49 } else { 50 $fileslinkend = ''; 48 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 51 49 } 52 50 ?> 53 51 <div class="oxilab-flip-box-body-absulote"> 54 <div class="<?php echo $styledata[1]; ?>">55 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">52 <div class="<?php echo esc_attr($styledata[1]); ?>"> 53 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 56 54 <div class="oxilab-flip-box-style"> 57 55 <div class="oxilab-flip-box-front"> 58 <div class="oxilab-flip-box-<?php echo $styleid; ?>">59 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">56 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 57 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 60 58 61 59 </div> … … 63 61 </div> 64 62 <div class="oxilab-flip-box-back"> 65 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">66 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">63 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 64 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 67 65 <div class="oxilab-heading"> 68 66 <?php echo $this->text_render($filesdata[17]); ?> … … 73 71 <?php 74 72 if ($filesdata[9] != '') { 75 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';73 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 76 74 echo '<div class="oxilab-button"> 77 75 <div class="oxilab-button-data"> … … 90 88 </div> 91 89 <?php 92 echo $fileslinkend; 90 if ($filesdata[9] == '' && $filesdata[11] != '') { 91 echo '</a>'; 92 } 93 93 echo $this->admin_edit_panel($value['id']); 94 94 ?> 95 95 </div> 96 96 97 <style> 98 <?php 99 if ($filesdata[5] != '') { 100 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 101 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 102 -moz-background-size: 100% 100%; 103 -o-background-size: 100% 100%; 104 background-size: 100% 100%; 105 }'; 106 } 107 if ($filesdata[13] != '') { 108 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 97 98 <?php 99 if ($filesdata[5] != '') { 100 101 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 102 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 103 -moz-background-size: 100% 100%; 104 -o-background-size: 100% 100%; 105 background-size: 100% 100%; 106 }'; 107 } 108 if ($filesdata[13] != '') { 109 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 109 110 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 110 111 -moz-background-size: 100% 100%; … … 112 113 background-size: 100% 100%; 113 114 }'; 114 }115 ?>116 </style> 115 } 116 ?> 117 117 118 </div> 118 119 <?php 119 120 endif; 120 121 } 121 ?> 122 123 <style> 124 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 125 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 126 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 127 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 128 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 129 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 130 transition: opacity <?php echo $styledata[57]; ?>s linear; 131 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 132 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 133 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 134 -o-animation-duration: <?php echo $styledata[57]; ?>s; 135 animation-duration: <?php echo $styledata[57]; ?>s; 136 } 137 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 138 max-width: <?php echo $styledata[45]; ?>px; 122 123 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 124 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 125 -webkit-transition: opacity ' . $styledata[57] . 's linear; 126 -moz-transition: opacity ' . $styledata[57] . 's linear; 127 -ms-transition: opacity ' . $styledata[57] . 's linear; 128 -o-transition: opacity ' . $styledata[57] . 's linear; 129 transition: opacity ' . $styledata[57] . 's linear; 130 -webkit-animation-duration: ' . $styledata[57] . 's; 131 -moz-animation-duration: ' . $styledata[57] . 's; 132 -ms-animation-duration: ' . $styledata[57] . 's; 133 -o-animation-duration: ' . $styledata[57] . 's; 134 animation-duration: ' . $styledata[57] . 's; 135 } 136 .oxilab-flip-box-body-' . $styleid . '{ 137 max-width: ' . $styledata[45] . 'px; 139 138 width: 100%; 140 139 margin: 0 auto; 141 position: relative; 142 } 143 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {144 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;140 position: relative; 141 } 142 .oxilab-flip-box-body-' . $styleid . ':after { 143 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 145 144 content: ""; 146 145 display: block; 147 146 } 148 .oxilab-flip-box- <?php echo $styleid; ?>{147 .oxilab-flip-box-' . $styleid . '{ 149 148 position: absolute; 150 149 top: 0; … … 152 151 right: 0; 153 152 bottom: 0; 154 display: block; 155 background-color: <?php echo $styledata[5]; ?>;156 -webkit-border-radius: <?php echo $styledata[153]; ?>px;157 -moz-border-radius: <?php echo $styledata[153]; ?>px;158 -ms-border-radius: <?php echo $styledata[153]; ?>px;159 -o-border-radius: <?php echo $styledata[153]; ?>px;160 border-radius: <?php echo $styledata[153]; ?>px;153 display: block; 154 background-color: ' . $styledata[5] . '; 155 -webkit-border-radius: ' . $styledata[153] . 'px; 156 -moz-border-radius: ' . $styledata[153] . 'px; 157 -ms-border-radius: ' . $styledata[153] . 'px; 158 -o-border-radius: ' . $styledata[153] . 'px; 159 border-radius: ' . $styledata[153] . 'px; 161 160 overflow: hidden; 162 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;163 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;164 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;165 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;166 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;167 } 168 .oxilab-flip-box- <?php echo $styleid; ?>-data{161 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 162 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 163 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 164 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 165 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 166 } 167 .oxilab-flip-box-' . $styleid . '-data{ 169 168 position: absolute; 170 169 left: 0%; 171 top: 50%; 170 top: 50%; 172 171 -webkit-transform: translateY(-50%); 173 172 -ms-transform: translateY(-50%); … … 177 176 right: 0; 178 177 } 179 .oxilab-flip-box-back- <?php echo $styleid; ?>{178 .oxilab-flip-box-back-' . $styleid . '{ 180 179 position: absolute; 181 180 top: 0; … … 185 184 display: block; 186 185 background-color: red; 187 background-color: <?php echo $styledata[15]; ?>;188 -webkit-border-radius: <?php echo $styledata[153]; ?>px;189 -moz-border-radius: <?php echo $styledata[153]; ?>px;190 -ms-border-radius: <?php echo $styledata[153]; ?>px;191 -o-border-radius: <?php echo $styledata[153]; ?>px;192 border-radius: <?php echo $styledata[153]; ?>px;186 background-color: ' . $styledata[15] . '; 187 -webkit-border-radius: ' . $styledata[153] . 'px; 188 -moz-border-radius: ' . $styledata[153] . 'px; 189 -ms-border-radius: ' . $styledata[153] . 'px; 190 -o-border-radius: ' . $styledata[153] . 'px; 191 border-radius:' . $styledata[153] . 'px; 193 192 overflow: hidden; 194 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;195 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;196 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;197 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;198 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;199 } 200 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{193 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 194 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 195 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 196 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 197 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 198 } 199 .oxilab-flip-box-back-' . $styleid . '-data{ 201 200 position: absolute; 202 201 left: 0%; 203 202 right: 0; 204 top: 50%; 205 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;203 top: 50%; 204 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 206 205 -webkit-transform: translateY(-50%); 207 206 -ms-transform: translateY(-50%); 208 207 -moz-transform: translateY(-50%); 209 208 -o-transform: translateY(-50%); 210 transform: translateY(-50%); 211 } 212 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 213 display: block; 214 color: <?php echo $styledata[31]; ?>; 215 text-align: <?php echo $styledata[189]; ?>; 216 font-size: <?php echo $styledata[181]; ?>px; 217 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 218 font-weight: <?php echo $styledata[187]; ?>; 219 font-style:<?php echo $styledata[185]; ?>; 220 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 221 222 } 223 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 224 display: block; 225 color: <?php echo $styledata[19]; ?>; 226 text-align: <?php echo $styledata[115]; ?>; 227 font-size: <?php echo $styledata[107]; ?>px; 228 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 229 font-weight: <?php echo $styledata[113]; ?>; 230 font-style:<?php echo $styledata[111]; ?>; 231 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 232 } 233 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 234 display: block; 235 text-align: <?php echo $styledata[139]; ?>; 236 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 237 } 238 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 239 display: inline-block; 240 font-size: <?php echo $styledata[125]; ?>px; 241 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 242 font-weight: <?php echo $styledata[131]; ?>; 243 font-style:<?php echo $styledata[129]; ?>; 244 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 245 -webkit-border-radius:<?php echo $styledata[137]; ?>px; 246 -moz-border-radius:<?php echo $styledata[137]; ?>px; 247 -ms-border-radius:<?php echo $styledata[137]; ?>px; 248 -o-border-radius:<?php echo $styledata[137]; ?>px; 249 border-radius: <?php echo $styledata[137]; ?>px; 250 color: <?php echo $styledata[21]; ?>; 251 background-color: <?php echo $styledata[23]; ?>; 252 } 253 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 254 background-color: <?php echo $styledata[27]; ?>; 255 color: <?php echo $styledata[25]; ?>; 256 } 257 <?php echo $styledata[199]; ?>; 258 </style> 209 transform: translateY(-50%); 210 } 211 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 212 display: block; 213 color: ' . $styledata[31] . '; 214 text-align: ' . $styledata[189] . '; 215 font-size: ' . $styledata[181] . 'px; 216 font-family: ' . $this->font_familly($styledata[183]) . '; 217 font-weight: ' . $styledata[187] . '; 218 font-style:' . $styledata[185] . '; 219 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 220 221 } 222 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 223 display: block; 224 color: ' . $styledata[19] . '; 225 text-align: ' . $styledata[115] . '; 226 font-size: ' . $styledata[107] . 'px; 227 font-family: ' . $this->font_familly($styledata[109]) . '; 228 font-weight: ' . $styledata[113] . '; 229 font-style:' . $styledata[111] . '; 230 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 231 } 232 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 233 display: block; 234 text-align: ' . $styledata[139] . '; 235 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 236 } 237 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 238 display: inline-block; 239 font-size: ' . $styledata[125] . 'px; 240 font-family: ' . $this->font_familly($styledata[127]) . '; 241 font-weight: ' . $styledata[131] . '; 242 font-style:' . $styledata[129] . '; 243 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 244 -webkit-border-radius:' . $styledata[137] . 'px; 245 -moz-border-radius:' . $styledata[137] . 'px; 246 -ms-border-radius:' . $styledata[137] . 'px; 247 -o-border-radius:' . $styledata[137] . 'px; 248 border-radius: ' . $styledata[137] . 'px; 249 color: ' . $styledata[21] . '; 250 background-color: ' . $styledata[23] . '; 251 } 252 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 253 background-color: ' . $styledata[27] . '; 254 color: ' . $styledata[25] . '; 255 } 256 ' . $styledata[199] . ';'; 257 ?> 258 259 259 260 </div> 260 261 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style6.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 33 34 if (!empty($value['files'])): 34 35 35 $filesdata = explode("{#}|{#}", $value['files']);36 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 36 37 ?> 37 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>38 sa-data-animation="<?php echo $styledata[55]; ?>"38 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?> 39 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 39 40 sa-data-animation-offset="100%" 40 41 sa-data-animation-delay="0ms" 41 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"42 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 42 43 > 43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">44 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 44 45 <?php 45 46 if ($filesdata[11] != '') { 46 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 47 $fileslinkend = '</a>'; 48 } else { 49 $fileslinkend = ''; 47 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 50 48 } 51 49 ?> 52 50 <div class="oxilab-flip-box-body-absulote"> 53 <div class="<?php echo $styledata[1]; ?>">54 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">51 <div class="<?php echo esc_attr($styledata[1]); ?>"> 52 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 55 53 <div class="oxilab-flip-box-style"> 56 54 <div class="oxilab-flip-box-front"> 57 <div class="oxilab-flip-box-<?php echo $styleid; ?>">58 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 56 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 59 57 60 58 </div> … … 62 60 </div> 63 61 <div class="oxilab-flip-box-back"> 64 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">65 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">62 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 63 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 66 64 <div class="oxilab-heading"> 67 65 <?php echo $this->text_render($filesdata[17]); ?> … … 69 67 <div class="oxilab-info"> 70 68 <?php echo $this->text_render($filesdata[7]); ?> 71 </div> 69 </div> 72 70 </div> 73 71 </div> … … 78 76 </div> 79 77 <?php 80 echo $fileslinkend; 78 if ($filesdata[11] != '') { 79 echo '</a>'; 80 } 81 81 echo $this->admin_edit_panel($value['id']); 82 82 ?> 83 83 </div> 84 <style> 85 <?php86 if ($filesdata[5] != '') {87 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{84 85 <?php 86 if ($filesdata[5] != '') { 87 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 88 88 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 89 89 -moz-background-size: 100% 100%; … … 91 91 background-size: 100% 100%; 92 92 }'; 93 }94 ?>95 <?php96 if ($filesdata[13] != '') {97 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{93 } 94 ?> 95 <?php 96 if ($filesdata[13] != '') { 97 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 98 98 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 99 99 -moz-background-size: 100% 100%; … … 101 101 background-size: 100% 100%; 102 102 }'; 103 }104 ?>105 </style> 103 } 104 ?> 105 106 106 </div> 107 107 <?php 108 108 endif; 109 109 } 110 ?> 111 112 <style> 113 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 114 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 115 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 116 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 117 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 118 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 119 transition: opacity <?php echo $styledata[57]; ?>s linear; 120 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 121 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 122 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 123 -o-animation-duration: <?php echo $styledata[57]; ?>s; 124 animation-duration: <?php echo $styledata[57]; ?>s; 125 } 126 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 127 max-width: <?php echo $styledata[45]; ?>px; 110 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 111 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 112 -webkit-transition: opacity ' . $styledata[57] . 's linear; 113 -moz-transition: opacity ' . $styledata[57] . 's linear; 114 -ms-transition: opacity ' . $styledata[57] . 's linear; 115 -o-transition: opacity ' . $styledata[57] . 's linear; 116 transition: opacity ' . $styledata[57] . 's linear; 117 -webkit-animation-duration: ' . $styledata[57] . 's; 118 -moz-animation-duration: ' . $styledata[57] . 's; 119 -ms-animation-duration: ' . $styledata[57] . 's; 120 -o-animation-duration: ' . $styledata[57] . 's; 121 animation-duration: ' . $styledata[57] . 's; 122 } 123 .oxilab-flip-box-body-' . $styleid . '{ 124 max-width: ' . $styledata[45] . 'px; 128 125 width: 100%; 129 126 margin: 0 auto; 130 position: relative; 131 } 132 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {133 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;127 position: relative; 128 } 129 .oxilab-flip-box-body-' . $styleid . ':after { 130 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 134 131 content: ""; 135 132 display: block; 136 133 } 137 .oxilab-flip-box- <?php echo $styleid; ?>{134 .oxilab-flip-box-' . $styleid . '{ 138 135 position: absolute; 139 136 top: 0; … … 142 139 bottom: 0; 143 140 display: block; 144 border-color: <?php echo $styledata[7]; ?>;145 background-color: <?php echo $styledata[5]; ?>;146 border-width: <?php echo $styledata[69]; ?>px;147 border-style: <?php echo $styledata[71]; ?>;148 -webkit-border-radius: <?php echo $styledata[153]; ?>px;149 -moz-border-radius: <?php echo $styledata[153]; ?>px;150 -ms-border-radius: <?php echo $styledata[153]; ?>px;151 -o-border-radius: <?php echo $styledata[153]; ?>px;152 border-radius: <?php echo $styledata[153]; ?>px;141 border-color: ' . $styledata[7] . '; 142 background-color: ' . $styledata[5] . '; 143 border-width: ' . $styledata[69] . 'px; 144 border-style:' . $styledata[71] . '; 145 -webkit-border-radius: ' . $styledata[153] . 'px; 146 -moz-border-radius: ' . $styledata[153] . 'px; 147 -ms-border-radius: ' . $styledata[153] . 'px; 148 -o-border-radius: ' . $styledata[153] . 'px; 149 border-radius: ' . $styledata[153] . 'px; 153 150 overflow: hidden; 154 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;155 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;156 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;157 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;158 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;159 } 160 .oxilab-flip-box- <?php echo $styleid; ?>-data{151 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 152 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 153 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 154 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 155 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 156 } 157 .oxilab-flip-box-' . $styleid . '-data{ 161 158 position: absolute; 162 159 left: 0%; 163 top: 50%; 160 top: 50%; 164 161 -webkit-transform: translateY(-50%); 165 162 -ms-transform: translateY(-50%); … … 169 166 right: 0; 170 167 } 171 .oxilab-flip-box-back- <?php echo $styleid; ?>{168 .oxilab-flip-box-back-' . $styleid . '{ 172 169 position: absolute; 173 170 top: 0; … … 176 173 bottom: 0; 177 174 display: block; 178 border-color: <?php echo $styledata[17]; ?>;179 background-color: <?php echo $styledata[15]; ?>;180 border-width: <?php echo $styledata[97]; ?>px;181 border-style: <?php echo $styledata[99]; ?>;182 -webkit-border-radius: <?php echo $styledata[153]; ?>px;183 -moz-border-radius: <?php echo $styledata[153]; ?>px;184 -ms-border-radius: <?php echo $styledata[153]; ?>px;185 -o-border-radius: <?php echo $styledata[153]; ?>px;186 border-radius: <?php echo $styledata[153]; ?>px;175 border-color: ' . $styledata[17] . '; 176 background-color: ' . $styledata[15] . '; 177 border-width: ' . $styledata[97] . 'px; 178 border-style:' . $styledata[99] . '; 179 -webkit-border-radius: ' . $styledata[153] . 'px; 180 -moz-border-radius: ' . $styledata[153] . 'px; 181 -ms-border-radius: ' . $styledata[153] . 'px; 182 -o-border-radius: ' . $styledata[153] . 'px; 183 border-radius:' . $styledata[153] . 'px; 187 184 overflow: hidden; 188 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;189 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;190 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;191 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;192 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;193 } 194 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{185 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 186 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 187 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 188 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 189 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 190 } 191 .oxilab-flip-box-back-' . $styleid . '-data{ 195 192 position: absolute; 196 193 left: 0%; 197 194 right: 0; 198 top: 50%; 199 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;195 top: 50%; 196 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 200 197 -webkit-transform: translateY(-50%); 201 198 -ms-transform: translateY(-50%); 202 199 -moz-transform: translateY(-50%); 203 200 -o-transform: translateY(-50%); 204 transform: translateY(-50%); 205 } 206 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-heading{207 display: block; 208 color: <?php echo $styledata[31]; ?>;209 text-align: <?php echo $styledata[189]; ?>;210 font-size: <?php echo $styledata[181]; ?>px;211 font-family: <?php echo $this->font_familly($styledata[183]); ?>;212 font-weight: <?php echo $styledata[187]; ?>;213 font-style: <?php echo $styledata[185]; ?>;214 padding: <?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;215 } 216 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{217 display: block; 218 color: <?php echo $styledata[19]; ?>;219 text-align: <?php echo $styledata[115]; ?>;220 font-size: <?php echo $styledata[107]; ?>px;221 font-family: <?php echo $this->font_familly($styledata[109]); ?>;222 font-weight: <?php echo $styledata[113]; ?>;223 font-style: <?php echo $styledata[111]; ?>;224 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;225 226 } 227 <?php echo $styledata[199]; ?>;228 </style>201 transform: translateY(-50%); 202 } 203 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 204 display: block; 205 color: ' . $styledata[31] . '; 206 text-align: ' . $styledata[189] . '; 207 font-size: ' . $styledata[181] . 'px; 208 font-family: ' . $this->font_familly($styledata[183]) . '; 209 font-weight: ' . $styledata[187] . '; 210 font-style:' . $styledata[185] . '; 211 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 212 } 213 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 214 display: block; 215 color: ' . $styledata[19] . '; 216 text-align: ' . $styledata[115] . '; 217 font-size: ' . $styledata[107] . 'px; 218 font-family: ' . $this->font_familly($styledata[109]) . '; 219 font-weight: ' . $styledata[113] . '; 220 font-style:' . $styledata[111] . '; 221 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 222 223 } 224 ' . $styledata[199] . ';'; 225 ?> 229 226 </div> 230 227 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style7.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 41 42 > 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">43 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 43 44 <?php 44 45 if ($filesdata[9] == '' && $filesdata[11] != '') { 45 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 46 $fileslinkend = '</a>'; 47 } else { 48 $fileslinkend = ''; 46 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 49 47 } 50 48 ?> 51 49 <div class="oxilab-flip-box-body-absulote"> 52 <div class="<?php echo $styledata[1]; ?>">53 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">50 <div class="<?php echo esc_attr($styledata[1]); ?>"> 51 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 54 52 <div class="oxilab-flip-box-style"> 55 53 <div class="oxilab-flip-box-front"> 56 <div class="oxilab-flip-box-<?php echo $styleid; ?>">57 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 55 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 58 56 <div class="oxilab-heading"> 59 57 <?php echo $this->text_render($filesdata[1]); ?> … … 72 70 </div> 73 71 <div class="oxilab-flip-box-back"> 74 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">75 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">72 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 73 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 76 74 <div class="oxilab-info"> 77 75 <?php echo $this->text_render($filesdata[7]); ?> … … 79 77 <?php 80 78 if ($filesdata[9] != '') { 81 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';79 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 82 80 echo '<div class="oxilab-button"> 83 81 <div class="oxilab-button-data"> … … 97 95 </div> 98 96 <?php 99 echo $fileslinkend; 97 if ($filesdata[9] == '' && $filesdata[11] != '') { 98 echo '</a>'; 99 } 100 100 echo $this->admin_edit_panel($value['id']); 101 101 ?> … … 103 103 </div> 104 104 105 <style> 106 <?php107 if ($filesdata[5] != '') {108 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{105 106 <?php 107 if ($filesdata[5] != '') { 108 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 109 109 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 110 110 -moz-background-size: 100% 100%; … … 112 112 background-size: 100% 100%; 113 113 }'; 114 }115 if ($filesdata[13] != '') {116 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{114 } 115 if ($filesdata[13] != '') { 116 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 117 117 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 118 118 -moz-background-size: 100% 100%; … … 120 120 background-size: 100% 100%; 121 121 }'; 122 }123 ?>124 </style> 122 } 123 ?> 124 125 125 </div> 126 126 <?php 127 127 endif; 128 128 } 129 ?> 130 131 <style> 132 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 133 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 134 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 137 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 138 transition: opacity <?php echo $styledata[57]; ?>s linear; 139 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 140 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 141 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 142 -o-animation-duration: <?php echo $styledata[57]; ?>s; 143 animation-duration: <?php echo $styledata[57]; ?>s; 144 } 145 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 146 max-width: <?php echo $styledata[45]; ?>px; 129 130 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 131 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 132 -webkit-transition: opacity ' . $styledata[57] . 's linear; 133 -moz-transition: opacity ' . $styledata[57] . 's linear; 134 -ms-transition: opacity ' . $styledata[57] . 's linear; 135 -o-transition: opacity ' . $styledata[57] . 's linear; 136 transition: opacity ' . $styledata[57] . 's linear; 137 -webkit-animation-duration: ' . $styledata[57] . 's; 138 -moz-animation-duration: ' . $styledata[57] . 's; 139 -ms-animation-duration: ' . $styledata[57] . 's; 140 -o-animation-duration: ' . $styledata[57] . 's; 141 animation-duration: ' . $styledata[57] . 's; 142 } 143 .oxilab-flip-box-body-' . $styleid . '{ 144 max-width: ' . $styledata[45] . 'px; 147 145 width: 100%; 148 146 margin: 0 auto; 149 position: relative; 150 } 151 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {152 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;147 position: relative; 148 } 149 .oxilab-flip-box-body-' . $styleid . ':after { 150 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 153 151 content: ""; 154 152 display: block; 155 153 } 156 .oxilab-flip-box- <?php echo $styleid; ?>{154 .oxilab-flip-box-' . $styleid . '{ 157 155 position: absolute; 158 156 top: 0; … … 161 159 bottom: 0; 162 160 display: block; 163 background-color: <?php echo $styledata[5]; ?>;164 -webkit-border-radius: <?php echo $styledata[153]; ?>px;165 -moz-border-radius: <?php echo $styledata[153]; ?>px;166 -ms-border-radius: <?php echo $styledata[153]; ?>px;167 -o-border-radius: <?php echo $styledata[153]; ?>px;168 border-radius: <?php echo $styledata[153]; ?>px;169 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;161 background-color: ' . $styledata[5] . '; 162 -webkit-border-radius: ' . $styledata[153] . 'px; 163 -moz-border-radius: ' . $styledata[153] . 'px; 164 -ms-border-radius: ' . $styledata[153] . 'px; 165 -o-border-radius: ' . $styledata[153] . 'px; 166 border-radius: ' . $styledata[153] . 'px; 167 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 171 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 174 172 overflow: hidden; 175 173 } 176 .oxilab-flip-box- <?php echo $styleid; ?>-data{174 .oxilab-flip-box-' . $styleid . '-data{ 177 175 position: absolute; 178 176 left: 0%; 179 top: 50%; 180 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;177 top: 50%; 178 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 181 179 -webkit-transform: translateY(-50%); 182 180 -ms-transform: translateY(-50%); … … 186 184 right: 0; 187 185 } 188 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{189 display: block; 190 text-align: center; 191 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;192 } 193 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{194 display: inline-block; 195 width: <?php echo $styledata[79]; ?>px;196 height: <?php echo $styledata[79]; ?>px;197 } 198 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{199 line-height: <?php echo $styledata[79]; ?>px;200 font-size: <?php echo $styledata[77]; ?>px;201 color: <?php echo $styledata[9]; ?>;202 } 203 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{204 display: block; 205 color: <?php echo $styledata[13]; ?>;206 text-align: <?php echo $styledata[91]; ?>;207 font-size: <?php echo $styledata[83]; ?>px;208 font-family: <?php echo $this->font_familly($styledata[85]); ?>;209 font-weight: <?php echo $styledata[89]; ?>;210 font-style: <?php echo $styledata[87]; ?>;211 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;212 } 213 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-info{214 display: block; 215 color: <?php echo $styledata[29]; ?>;216 text-align: <?php echo $styledata[171]; ?>;217 font-size: <?php echo $styledata[163]; ?>px;218 font-family: <?php echo $this->font_familly($styledata[165]); ?>;219 font-weight: <?php echo $styledata[169]; ?>;220 font-style: <?php echo $styledata[167]; ?>;221 padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;222 } 223 .oxilab-flip-box-back- <?php echo $styleid; ?>{186 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 187 display: block; 188 text-align: center; 189 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 190 } 191 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 192 display: inline-block; 193 width: ' . $styledata[79] . 'px; 194 height: ' . $styledata[79] . 'px; 195 } 196 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 197 line-height: ' . $styledata[79] . 'px; 198 font-size: ' . $styledata[77] . 'px; 199 color: ' . $styledata[9] . '; 200 } 201 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 202 display: block; 203 color: ' . $styledata[13] . '; 204 text-align: ' . $styledata[91] . '; 205 font-size: ' . $styledata[83] . 'px; 206 font-family: ' . $this->font_familly($styledata[85]) . '; 207 font-weight: ' . $styledata[89] . '; 208 font-style:' . $styledata[87] . '; 209 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 210 } 211 .oxilab-flip-box-' . $styleid . '-data .oxilab-info{ 212 display: block; 213 color: ' . $styledata[29] . '; 214 text-align: ' . $styledata[171] . '; 215 font-size: ' . $styledata[163] . 'px; 216 font-family: ' . $this->font_familly($styledata[165]) . '; 217 font-weight: ' . $styledata[169] . '; 218 font-style:' . $styledata[167] . '; 219 padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px; 220 } 221 .oxilab-flip-box-back-' . $styleid . '{ 224 222 position: absolute; 225 223 top: 0; … … 228 226 bottom: 0; 229 227 display: block; 230 background-color: <?php echo $styledata[15]; ?>;231 -webkit-border-radius: <?php echo $styledata[153]; ?>px;232 -moz-border-radius: <?php echo $styledata[153]; ?>px;233 -ms-border-radius: <?php echo $styledata[153]; ?>px;234 -o-border-radius: <?php echo $styledata[153]; ?>px;235 border-radius: <?php echo $styledata[153]; ?>px;228 background-color: ' . $styledata[15] . '; 229 -webkit-border-radius: ' . $styledata[153] . 'px; 230 -moz-border-radius: ' . $styledata[153] . 'px; 231 -ms-border-radius: ' . $styledata[153] . 'px; 232 -o-border-radius: ' . $styledata[153] . 'px; 233 border-radius: ' . $styledata[153] . 'px; 236 234 overflow: hidden; 237 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;238 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;239 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;240 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;241 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;242 243 } 244 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{235 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 236 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 237 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 238 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 239 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 240 241 } 242 .oxilab-flip-box-back-' . $styleid . '-data{ 245 243 position: absolute; 246 244 left: 0%; 247 245 right: 0; 248 top: 50%; 249 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;246 top: 50%; 247 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 250 248 -webkit-transform: translateY(-50%); 251 249 -ms-transform: translateY(-50%); 252 250 -moz-transform: translateY(-50%); 253 251 -o-transform: translateY(-50%); 254 transform: translateY(-50%); 255 } 256 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-info{257 display: block; 258 color: <?php echo $styledata[19]; ?>;259 text-align: <?php echo $styledata[115]; ?>;260 font-size: <?php echo $styledata[107]; ?>px;261 font-family: <?php echo $this->font_familly($styledata[109]); ?>;262 font-weight: <?php echo $styledata[113]; ?>;263 font-style: <?php echo $styledata[111]; ?>;264 padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;265 } 266 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button{267 display: block; 268 text-align: <?php echo $styledata[139]; ?>;269 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px;270 } 271 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data{272 display: inline-block; 273 color: <?php echo $styledata[21]; ?>;274 font-size: <?php echo $styledata[125]; ?>px;275 font-family: <?php echo $this->font_familly($styledata[127]); ?>;276 font-weight: <?php echo $styledata[131]; ?>;277 font-style: <?php echo $styledata[129]; ?>;278 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;279 } 280 .oxilab-flip-box-back- <?php echo $styleid; ?>-data .oxilab-button-data:hover{281 color: <?php echo $styledata[25]; ?>;282 } 283 <?php echo $styledata[181]; ?>;284 </style>252 transform: translateY(-50%); 253 } 254 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 255 display: block; 256 color: ' . $styledata[19] . '; 257 text-align: ' . $styledata[115] . '; 258 font-size: ' . $styledata[107] . 'px; 259 font-family: ' . $this->font_familly($styledata[109]) . '; 260 font-weight: ' . $styledata[113] . '; 261 font-style:' . $styledata[111] . '; 262 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 263 } 264 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 265 display: block; 266 text-align: ' . $styledata[139] . '; 267 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 268 } 269 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 270 display: inline-block; 271 color: ' . $styledata[21] . '; 272 font-size: ' . $styledata[125] . 'px; 273 font-family: ' . $this->font_familly($styledata[127]) . '; 274 font-weight: ' . $styledata[131] . '; 275 font-style:' . $styledata[129] . '; 276 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 277 } 278 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 279 color: ' . $styledata[25] . '; 280 } 281 ' . $styledata[181] . ';'; 282 ?> 285 283 </div> 286 284 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style8.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 34 35 35 36 36 $filesdata = explode("{#}|{#}", $value['files']);37 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 37 38 ?> 38 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?> "39 sa-data-animation="<?php echo $styledata[55]; ?>"39 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?> " 40 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 40 41 sa-data-animation-offset="100%" 41 42 sa-data-animation-delay="0ms" 42 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"43 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" 43 44 > 44 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">45 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 45 46 <?php 46 47 if ($filesdata[3] != '') { 47 echo '<a href="' . $filesdata[3] . '" target="' . $styledata[53] . '">'; 48 $fileslinkend = '</a>'; 49 } else { 50 $fileslinkend = ''; 48 echo '<a href="' . esc_url($filesdata[3]) . '" target="' . esc_attr($styledata[53]) . '">'; 51 49 } 52 50 ?> 53 51 <div class="oxilab-flip-box-body-absulote"> 54 <div class="<?php echo $styledata[1]; ?>">55 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">52 <div class="<?php echo esc_attr($styledata[1]); ?>"> 53 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 56 54 <div class="oxilab-flip-box-style"> 57 55 <div class="oxilab-flip-box-front"> 58 <div class="oxilab-flip-box-<?php echo $styleid; ?>">59 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">56 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 57 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 60 58 <div class="oxilab-icon"> 61 59 <div class="oxilab-icon-data"> … … 67 65 </div> 68 66 <div class="oxilab-flip-box-back"> 69 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">67 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 71 69 <div class="oxilab-icon"> 72 70 <div class="oxilab-icon-data"> … … 82 80 </div> 83 81 <?php 84 echo $fileslinkend; 82 if ($filesdata[3] != '') { 83 echo '</a>'; 84 } 85 85 echo $this->admin_edit_panel($value['id']); 86 86 ?> … … 88 88 </div> 89 89 90 <style> 91 <?php92 if ($filesdata[1] != '') {93 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{90 91 <?php 92 if ($filesdata[1] != '') { 93 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 94 94 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[1] . '"); 95 95 -moz-background-size: 100% 100%; … … 97 97 background-size: 100% 100%; 98 98 }'; 99 }100 ?>101 <?php102 if ($filesdata[5] != '') {103 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{99 } 100 ?> 101 <?php 102 if ($filesdata[5] != '') { 103 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 104 104 background: linear-gradient(' . $styledata[9] . ', ' . $styledata[9] . '), url("' . $filesdata[5] . '"); 105 105 -moz-background-size: 100% 100%; … … 107 107 background-size: 100% 100%; 108 108 }'; 109 }110 ?>111 </style> 109 } 110 ?> 111 112 112 </div> 113 113 <?php 114 114 endif; 115 115 } 116 ?> 117 118 <style> 119 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 120 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 121 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 122 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 123 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 124 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 125 transition: opacity <?php echo $styledata[57]; ?>s linear; 126 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 127 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 128 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 129 -o-animation-duration: <?php echo $styledata[57]; ?>s; 130 animation-duration: <?php echo $styledata[57]; ?>s; 131 } 132 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 133 max-width: <?php echo $styledata[45]; ?>px; 116 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 117 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 118 -webkit-transition: opacity ' . $styledata[57] . 's linear; 119 -moz-transition: opacity ' . $styledata[57] . 's linear; 120 -ms-transition: opacity ' . $styledata[57] . 's linear; 121 -o-transition: opacity ' . $styledata[57] . 's linear; 122 transition: opacity ' . $styledata[57] . 's linear; 123 -webkit-animation-duration: ' . $styledata[57] . 's; 124 -moz-animation-duration: ' . $styledata[57] . 's; 125 -ms-animation-duration: ' . $styledata[57] . 's; 126 -o-animation-duration: ' . $styledata[57] . 's; 127 animation-duration: ' . $styledata[57] . 's; 128 } 129 .oxilab-flip-box-body-' . $styleid . '{ 130 max-width: ' . $styledata[45] . 'px; 134 131 width: 100%; 135 132 margin: 0 auto; 136 position: relative; 137 } 138 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {139 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;133 position: relative; 134 } 135 .oxilab-flip-box-body-' . $styleid . ':after { 136 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 140 137 content: ""; 141 138 display: block; 142 139 } 143 .oxilab-flip-box- <?php echo $styleid; ?>{140 .oxilab-flip-box-' . $styleid . '{ 144 141 position: absolute; 145 142 top: 0; … … 147 144 right: 0; 148 145 bottom: 0; 149 border-color: <?php echo $styledata[7]; ?>;150 background-color: <?php echo $styledata[5]; ?>;151 border-width: <?php echo $styledata[69]; ?>px;152 border-style: <?php echo $styledata[71]; ?>;153 display: block; 154 -webkit-border-radius: <?php echo $styledata[93]; ?>px;155 -moz-border-radius: <?php echo $styledata[93]; ?>px;156 -ms-border-radius: <?php echo $styledata[93]; ?>px;157 -o-border-radius: <?php echo $styledata[93]; ?>px;158 border-radius: <?php echo $styledata[93]; ?>px;146 border-color: ' . $styledata[7] . '; 147 background-color: ' . $styledata[5] . '; 148 border-width: ' . $styledata[69] . 'px; 149 border-style:' . $styledata[71] . '; 150 display: block; 151 -webkit-border-radius: ' . $styledata[93] . 'px; 152 -moz-border-radius: ' . $styledata[93] . 'px; 153 -ms-border-radius: ' . $styledata[93] . 'px; 154 -o-border-radius: ' . $styledata[93] . 'px; 155 border-radius: ' . $styledata[93] . 'px; 159 156 overflow: hidden; 160 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;161 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;162 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;163 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;164 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;165 166 } 167 .oxilab-flip-box- <?php echo $styleid; ?>-data{157 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 158 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 159 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 160 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 161 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 162 163 } 164 .oxilab-flip-box-' . $styleid . '-data{ 168 165 position: absolute; 169 166 left: 0%; 170 top: 50%; 167 top: 50%; 171 168 padding: 10px 10px; 172 169 -webkit-transform: translateY(-50%); … … 177 174 right: 0; 178 175 } 179 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{180 display: block; 181 text-align: center; 182 padding: <?php echo $styledata[81]; ?>px <?php echo $styledata[83]; ?>px;183 } 184 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{185 display: inline-block; 186 } 187 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{188 line-height: <?php echo $styledata[79]; ?>px;189 font-size: <?php echo $styledata[77]; ?>px;190 color: <?php echo $styledata[13]; ?>;191 } 192 .oxilab-flip-box-back- <?php echo $styleid; ?>{176 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 177 display: block; 178 text-align: center; 179 padding: ' . $styledata[81] . 'px ' . $styledata[83] . 'px; 180 } 181 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 182 display: inline-block; 183 } 184 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 185 line-height: ' . $styledata[79] . 'px; 186 font-size: ' . $styledata[77] . 'px; 187 color: ' . $styledata[13] . '; 188 } 189 .oxilab-flip-box-back-' . $styleid . '{ 193 190 position: absolute; 194 191 top: 0; … … 196 193 right: 0; 197 194 bottom: 0; 198 border-color: <?php echo $styledata[11]; ?>;199 background-color: <?php echo $styledata[9]; ?>;200 border-width: <?php echo $styledata[73]; ?>px;201 border-style: <?php echo $styledata[75]; ?>;202 display: block; 203 -webkit-border-radius: <?php echo $styledata[93]; ?>px;204 -moz-border-radius: <?php echo $styledata[93]; ?>px;205 -ms-border-radius: <?php echo $styledata[93]; ?>px;206 -o-border-radius: <?php echo $styledata[93]; ?>px;207 border-radius: <?php echo $styledata[93]; ?>px;195 border-color: ' . $styledata[11] . '; 196 background-color: ' . $styledata[9] . '; 197 border-width: ' . $styledata[73] . 'px; 198 border-style:' . $styledata[75] . '; 199 display: block; 200 -webkit-border-radius: ' . $styledata[93] . 'px; 201 -moz-border-radius: ' . $styledata[93] . 'px; 202 -ms-border-radius: ' . $styledata[93] . 'px; 203 -o-border-radius: ' . $styledata[93] . 'px; 204 border-radius: ' . $styledata[93] . 'px; 208 205 overflow: hidden; 209 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;210 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;211 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;212 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;213 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;214 215 } 216 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{206 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 207 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 208 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 209 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 210 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 211 212 } 213 .oxilab-flip-box-back-' . $styleid . '-data{ 217 214 position: absolute; 218 215 left: 0%; 219 216 right: 0; 220 top: 50%; 217 top: 50%; 221 218 padding: 10px 10px; 222 219 -webkit-transform: translateY(-50%); … … 224 221 -moz-transform: translateY(-50%); 225 222 -o-transform: translateY(-50%); 226 transform: translateY(-50%); 227 } 228 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon{ 229 display: block; 230 text-align: center; 231 padding: <?php echo $styledata[89]; ?>px <?php echo $styledata[91]; ?>px; 232 } 233 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data{ 234 display: inline-block; 235 } 236 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data .oxi-icons{ 237 line-height: <?php echo $styledata[87]; ?>px; 238 font-size: <?php echo $styledata[85]; ?>px; 239 color: <?php echo $styledata[15]; ?>; 240 } 241 <?php echo $styledata[95]; ?> 242 </style> 223 transform: translateY(-50%); 224 } 225 .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon{ 226 display: block; 227 text-align: center; 228 padding: ' . $styledata[89] . 'px ' . $styledata[91] . 'px; 229 } 230 .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data{ 231 display: inline-block; 232 } 233 .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data .oxi-icons{ 234 line-height: ' . $styledata[87] . 'px; 235 font-size: ' . $styledata[85] . 'px; 236 color: ' . $styledata[15] . '; 237 } 238 ' . $styledata[95] . ''; 239 ?> 240 241 243 242 </div> 244 243 <?php -
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style9.php
r2278127 r2648808 26 26 $styleid = $this->oxiid; 27 27 $styledata = explode('|', $this->dbdata['css']); 28 $styledata = array_map('esc_attr', explode('|', $this->dbdata['css'])); 28 29 $listdata = $this->child; 29 30 ?> … … 32 33 foreach ($listdata as $value) { 33 34 if (!empty($value['files'])): 34 $filesdata = explode("{#}|{#}", $value['files']);35 $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files'])); 35 36 ?> 36 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"37 sa-data-animation="<?php echo $styledata[55]; ?>"37 <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>" 38 sa-data-animation="<?php echo esc_attr($styledata[55]); ?>" 38 39 sa-data-animation-offset="100%" 39 40 sa-data-animation-delay="0ms" 40 sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">41 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">41 sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"> 42 <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>"> 42 43 <?php 43 44 if ($filesdata[9] == '' && $filesdata[11] != '') { 44 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">'; 45 $fileslinkend = '</a>'; 46 } else { 47 $fileslinkend = ''; 45 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 48 46 } 49 47 ?> 50 48 <div class="oxilab-flip-box-body-absulote"> 51 <div class="<?php echo $styledata[1]; ?>">52 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">49 <div class="<?php echo esc_attr($styledata[1]); ?>"> 50 <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>"> 53 51 <div class="oxilab-flip-box-style"> 54 52 <div class="oxilab-flip-box-front"> 55 <div class="oxilab-flip-box-<?php echo $styleid; ?>">56 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">53 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>"> 54 <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data"> 57 55 <div class="oxilab-icon"> 58 56 <div class="oxilab-icon-data"> … … 68 66 </div> 69 67 <div class="oxilab-flip-box-back"> 70 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">71 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">68 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>"> 69 <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data"> 72 70 <div class="oxilab-heading"> 73 71 <?php echo $this->text_render($filesdata[17]); ?> … … 78 76 <?php 79 77 if ($filesdata[9] != '') { 80 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53]. '">';78 echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">'; 81 79 echo '<div class="oxilab-button"> 82 80 <div class="oxilab-button-data"> … … 95 93 </div> 96 94 <?php 97 echo $fileslinkend; 95 if ($filesdata[9] == '' && $filesdata[11] != '') { 96 echo '</a>'; 97 } 98 98 echo $this->admin_edit_panel($value['id']); 99 99 ?> … … 101 101 </div> 102 102 103 <style> 104 <?php105 if ($filesdata[5] != '') {106 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{103 104 <?php 105 if ($filesdata[5] != '') { 106 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{ 107 107 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '"); 108 108 -moz-background-size: 100% 100%; … … 110 110 background-size: 100% 100%; 111 111 }'; 112 }113 if ($filesdata[13] != '') {114 echo'.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{112 } 113 if ($filesdata[13] != '') { 114 $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{ 115 115 background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '"); 116 116 -moz-background-size: 100% 100%; … … 118 118 background-size: 100% 100%; 119 119 }'; 120 }121 ?>122 </style> 120 } 121 ?> 122 123 123 </div> 124 124 <?php 125 125 endif; 126 126 } 127 ?> 128 129 <style> 130 .oxilab-flip-box-padding-<?php echo $styleid; ?>{ 131 padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px; 132 -webkit-transition: opacity <?php echo $styledata[57]; ?>s linear; 133 -moz-transition: opacity <?php echo $styledata[57]; ?>s linear; 134 -ms-transition: opacity <?php echo $styledata[57]; ?>s linear; 135 -o-transition: opacity <?php echo $styledata[57]; ?>s linear; 136 transition: opacity <?php echo $styledata[57]; ?>s linear; 137 -webkit-animation-duration: <?php echo $styledata[57]; ?>s; 138 -moz-animation-duration: <?php echo $styledata[57]; ?>s; 139 -ms-animation-duration: <?php echo $styledata[57]; ?>s; 140 -o-animation-duration: <?php echo $styledata[57]; ?>s; 141 animation-duration: <?php echo $styledata[57]; ?>s; 142 } 143 .oxilab-flip-box-body-<?php echo $styleid; ?>{ 144 max-width: <?php echo $styledata[45]; ?>px; 127 $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{ 128 padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px; 129 -webkit-transition: opacity ' . $styledata[57] . 's linear; 130 -moz-transition: opacity ' . $styledata[57] . 's linear; 131 -ms-transition: opacity ' . $styledata[57] . 's linear; 132 -o-transition: opacity ' . $styledata[57] . 's linear; 133 transition: opacity ' . $styledata[57] . 's linear; 134 -webkit-animation-duration: ' . $styledata[57] . 's; 135 -moz-animation-duration: ' . $styledata[57] . 's; 136 -ms-animation-duration: ' . $styledata[57] . 's; 137 -o-animation-duration: ' . $styledata[57] . 's; 138 animation-duration: ' . $styledata[57] . 's; 139 } 140 .oxilab-flip-box-body-' . $styleid . '{ 141 max-width: ' . $styledata[45] . 'px; 145 142 width: 100%; 146 143 margin: 0 auto; 147 position: relative; 148 } 149 .oxilab-flip-box-body- <?php echo $styleid; ?>:after {150 padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;144 position: relative; 145 } 146 .oxilab-flip-box-body-' . $styleid . ':after { 147 padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%; 151 148 content: ""; 152 149 display: block; 153 150 } 154 .oxilab-flip-box- <?php echo $styleid; ?>{151 .oxilab-flip-box-' . $styleid . '{ 155 152 position: absolute; 156 153 top: 0; … … 159 156 bottom: 0; 160 157 display: block; 161 background-color: <?php echo $styledata[5]; ?>;162 -webkit-border-radius: <?php echo $styledata[153]; ?>px;163 -moz-border-radius: <?php echo $styledata[153]; ?>px;164 -ms-border-radius: <?php echo $styledata[153]; ?>px;165 -o-border-radius: <?php echo $styledata[153]; ?>px;166 border-radius: <?php echo $styledata[153]; ?>px;158 background-color: ' . $styledata[5] . '; 159 -webkit-border-radius: ' . $styledata[153] . 'px; 160 -moz-border-radius: ' . $styledata[153] . 'px; 161 -ms-border-radius: ' . $styledata[153] . 'px; 162 -o-border-radius: ' . $styledata[153] . 'px; 163 border-radius: ' . $styledata[153] . 'px; 167 164 overflow: hidden; 168 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;169 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;170 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;171 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;172 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;173 } 174 .oxilab-flip-box- <?php echo $styleid; ?>-data{165 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 166 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 167 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 168 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 169 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 170 } 171 .oxilab-flip-box-' . $styleid . '-data{ 175 172 position: absolute; 176 173 left: 0%; 177 top: 50%; 178 padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;174 top: 50%; 175 padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px; 179 176 -webkit-transform: translateY(-50%); 180 177 -ms-transform: translateY(-50%); … … 184 181 right: 0; 185 182 } 186 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon{187 display: block; 188 text-align: center; 189 padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;190 } 191 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data{192 display: inline-block; 193 background-color: <?php echo $styledata[29]; ?>;194 width: <?php echo $styledata[79]; ?>px;195 height: <?php echo $styledata[79]; ?>px;196 -webkit-border-radius: <?php echo $styledata[81]; ?>px;197 -moz-border-radius: <?php echo $styledata[81]; ?>px;198 -ms-border-radius: <?php echo $styledata[81]; ?>px;199 -o-border-radius: <?php echo $styledata[81]; ?>px;200 border-radius: <?php echo $styledata[81]; ?>px;201 } 202 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{203 line-height: <?php echo $styledata[79]; ?>px;204 font-size: <?php echo $styledata[77]; ?>px;205 color: <?php echo $styledata[9]; ?>;206 } 207 .oxilab-flip-box- <?php echo $styleid; ?>-data .oxilab-heading{208 display: block; 209 color: <?php echo $styledata[13]; ?>;210 text-align: <?php echo $styledata[91]; ?>;211 font-size: <?php echo $styledata[83]; ?>px;212 font-family: <?php echo $this->font_familly($styledata[85]); ?>;213 font-weight: <?php echo $styledata[89]; ?>;214 font-style: <?php echo $styledata[87]; ?>;215 padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;216 } 217 .oxilab-flip-box-back- <?php echo $styleid; ?>{183 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{ 184 display: block; 185 text-align: center; 186 padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px; 187 } 188 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{ 189 display: inline-block; 190 background-color: ' . $styledata[29] . '; 191 width:' . $styledata[79] . 'px; 192 height:' . $styledata[79] . 'px; 193 -webkit-border-radius: ' . $styledata[81] . 'px; 194 -moz-border-radius: ' . $styledata[81] . 'px; 195 -ms-border-radius: ' . $styledata[81] . 'px; 196 -o-border-radius: ' . $styledata[81] . 'px; 197 border-radius: ' . $styledata[81] . 'px; 198 } 199 .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{ 200 line-height: ' . $styledata[79] . 'px; 201 font-size: ' . $styledata[77] . 'px; 202 color: ' . $styledata[9] . '; 203 } 204 .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{ 205 display: block; 206 color: ' . $styledata[13] . '; 207 text-align: ' . $styledata[91] . '; 208 font-size: ' . $styledata[83] . 'px; 209 font-family: ' . $this->font_familly($styledata[85]) . '; 210 font-weight: ' . $styledata[89] . '; 211 font-style:' . $styledata[87] . '; 212 padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px; 213 } 214 .oxilab-flip-box-back-' . $styleid . '{ 218 215 position: absolute; 219 216 top: 0; … … 222 219 bottom: 0; 223 220 display: block; 224 background-color: <?php echo $styledata[15]; ?>;225 -webkit-border-radius: <?php echo $styledata[153]; ?>px;226 -moz-border-radius: <?php echo $styledata[153]; ?>px;227 -ms-border-radius: <?php echo $styledata[153]; ?>px;228 -o-border-radius: <?php echo $styledata[153]; ?>px;229 border-radius: <?php echo $styledata[153]; ?>px;221 background-color: ' . $styledata[15] . '; 222 -webkit-border-radius: ' . $styledata[153] . 'px; 223 -moz-border-radius: ' . $styledata[153] . 'px; 224 -ms-border-radius: ' . $styledata[153] . 'px; 225 -o-border-radius: ' . $styledata[153] . 'px; 226 border-radius: ' . $styledata[153] . 'px; 230 227 overflow: hidden; 231 -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;232 -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;233 -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;234 -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;235 box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;236 } 237 .oxilab-flip-box-back- <?php echo $styleid; ?>-data{228 -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 229 -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 230 -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 231 -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 232 box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . '; 233 } 234 .oxilab-flip-box-back-' . $styleid . '-data{ 238 235 position: absolute; 239 236 left: 0%; 240 237 right: 0; 241 top: 50%; 242 padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;238 top: 50%; 239 padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px; 243 240 -webkit-transform: translateY(-50%); 244 241 -ms-transform: translateY(-50%); 245 242 -moz-transform: translateY(-50%); 246 243 -o-transform: translateY(-50%); 247 transform: translateY(-50%); 248 } 249 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{ 250 display: block; 251 color: <?php echo $styledata[31]; ?>; 252 text-align: <?php echo $styledata[189]; ?>; 253 font-size: <?php echo $styledata[181]; ?>px; 254 font-family: <?php echo $this->font_familly($styledata[183]); ?>; 255 font-weight: <?php echo $styledata[187]; ?>; 256 font-style:<?php echo $styledata[185]; ?>; 257 padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px; 258 259 } 260 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{ 261 display: block; 262 color: <?php echo $styledata[19]; ?>; 263 text-align: <?php echo $styledata[115]; ?>; 264 font-size: <?php echo $styledata[107]; ?>px; 265 font-family: <?php echo $this->font_familly($styledata[109]); ?>; 266 font-weight: <?php echo $styledata[113]; ?>; 267 font-style:<?php echo $styledata[111]; ?>; 268 padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px; 269 270 } 271 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{ 272 display: block; 273 text-align: <?php echo $styledata[139]; ?>; 274 padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 275 276 } 277 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{ 278 display: inline-block; 279 color: <?php echo $styledata[21]; ?>; 280 background-color: <?php echo $styledata[23]; ?>; 281 font-size: <?php echo $styledata[125]; ?>px; 282 font-family: <?php echo $this->font_familly($styledata[127]); ?>; 283 font-weight: <?php echo $styledata[131]; ?>; 284 font-style:<?php echo $styledata[129]; ?>; 285 padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 286 -webkit-border-radius: <?php echo $styledata[137]; ?>px; 287 -moz-border-radius: <?php echo $styledata[137]; ?>px; 288 -ms-border-radius: <?php echo $styledata[137]; ?>px; 289 -o-border-radius: <?php echo $styledata[137]; ?>px; 290 border-radius: <?php echo $styledata[137]; ?>px; 291 } 292 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{ 293 background-color: <?php echo $styledata[27]; ?>; 294 color: <?php echo $styledata[25]; ?>; 295 } 296 <?php echo $styledata[199]; ?>; 297 </style> 244 transform: translateY(-50%); 245 } 246 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{ 247 display: block; 248 color: ' . $styledata[31] . '; 249 text-align: ' . $styledata[189] . '; 250 font-size: ' . $styledata[181] . 'px; 251 font-family: ' . $this->font_familly($styledata[183]) . '; 252 font-weight: ' . $styledata[187] . '; 253 font-style:' . $styledata[185] . '; 254 padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px; 255 256 } 257 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{ 258 display: block; 259 color: ' . $styledata[19] . '; 260 text-align: ' . $styledata[115] . '; 261 font-size: ' . $styledata[107] . 'px; 262 font-family: ' . $this->font_familly($styledata[109]) . '; 263 font-weight: ' . $styledata[113] . '; 264 font-style:' . $styledata[111] . '; 265 padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px; 266 267 } 268 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{ 269 display: block; 270 text-align: ' . $styledata[139] . '; 271 padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px; 272 273 } 274 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{ 275 display: inline-block; 276 color: ' . $styledata[21] . '; 277 background-color: ' . $styledata[23] . '; 278 font-size: ' . $styledata[125] . 'px; 279 font-family: ' . $this->font_familly($styledata[127]) . '; 280 font-weight: ' . $styledata[131] . '; 281 font-style:' . $styledata[129] . '; 282 padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px; 283 -webkit-border-radius: ' . $styledata[137] . 'px; 284 -moz-border-radius: ' . $styledata[137] . 'px; 285 -ms-border-radius: ' . $styledata[137] . 'px; 286 -o-border-radius: ' . $styledata[137] . 'px; 287 border-radius: ' . $styledata[137] . 'px; 288 } 289 .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{ 290 background-color: ' . $styledata[27] . '; 291 color: ' . $styledata[25] . '; 292 } 293 ' . $styledata[199] . ';'; 294 ?> 295 298 296 </div> 299 297 -
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/css/bootstrap.min.css
r2209121 r2648808 1 /*! 2 * Bootstrap v4.3.1 (https://getbootstrap.com/) 3 * Copyright 2011-2019 The Bootstrap Authors 4 * Copyright 2011-2019 Twitter, Inc. 5 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} 1 :root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} 7 2 /*# sourceMappingURL=bootstrap.min.css.map */ -
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/bootstrap.min.js
r2209121 r2648808 1 /*!2 * Bootstrap v4.3.1 (https://getbootstrap.com/)3 * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)4 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)5 */6 1 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e((t=t||self).bootstrap={},t.jQuery,t.Popper)}(this,function(t,g,u){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function l(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(t){var e,n,i;e=o,i=r[n=t],n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i})}return o}g=g&&g.hasOwnProperty("default")?g.default:g,u=u&&u.hasOwnProperty("default")?u.default:u;var e="transitionend";function n(t){var e=this,n=!1;return g(this).one(_.TRANSITION_END,function(){n=!0}),setTimeout(function(){n||_.triggerTransitionEnd(e)},t),this}var _={TRANSITION_END:"bsTransitionEnd",getUID:function(t){for(;t+=~~(1e6*Math.random()),document.getElementById(t););return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var e=g(t).css("transition-duration"),n=g(t).css("transition-delay"),i=parseFloat(e),o=parseFloat(n);return i||o?(e=e.split(",")[0],n=n.split(",")[0],1e3*(parseFloat(e)+parseFloat(n))):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){g(t).trigger(e)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i)){var o=n[i],r=e[i],s=r&&_.isElement(r)?"element":(a=r,{}.toString.call(a).match(/\s([a-z]+)/i)[1].toLowerCase());if(!new RegExp(o).test(s))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+s+'" but expected type "'+o+'".')}var a},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"!=typeof t.getRootNode)return t instanceof ShadowRoot?t:t.parentNode?_.findShadowRoot(t.parentNode):null;var e=t.getRootNode();return e instanceof ShadowRoot?e:null}};g.fn.emulateTransitionEnd=n,g.event.special[_.TRANSITION_END]={bindType:e,delegateType:e,handle:function(t){if(g(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var o="alert",r="bs.alert",a="."+r,c=g.fn[o],h={CLOSE:"close"+a,CLOSED:"closed"+a,CLICK_DATA_API:"click"+a+".data-api"},f="alert",d="fade",m="show",p=function(){function i(t){this._element=t}var t=i.prototype;return t.close=function(t){var e=this._element;t&&(e=this._getRootElement(t)),this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},t.dispose=function(){g.removeData(this._element,r),this._element=null},t._getRootElement=function(t){var e=_.getSelectorFromElement(t),n=!1;return e&&(n=document.querySelector(e)),n||(n=g(t).closest("."+f)[0]),n},t._triggerCloseEvent=function(t){var e=g.Event(h.CLOSE);return g(t).trigger(e),e},t._removeElement=function(e){var n=this;if(g(e).removeClass(m),g(e).hasClass(d)){var t=_.getTransitionDurationFromElement(e);g(e).one(_.TRANSITION_END,function(t){return n._destroyElement(e,t)}).emulateTransitionEnd(t)}else this._destroyElement(e)},t._destroyElement=function(t){g(t).detach().trigger(h.CLOSED).remove()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(r);e||(e=new i(this),t.data(r,e)),"close"===n&&e[n](this)})},i._handleDismiss=function(e){return function(t){t&&t.preventDefault(),e.close(this)}},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),i}();g(document).on(h.CLICK_DATA_API,'[data-dismiss="alert"]',p._handleDismiss(new p)),g.fn[o]=p._jQueryInterface,g.fn[o].Constructor=p,g.fn[o].noConflict=function(){return g.fn[o]=c,p._jQueryInterface};var v="button",y="bs.button",E="."+y,C=".data-api",T=g.fn[v],S="active",b="btn",I="focus",D='[data-toggle^="button"]',w='[data-toggle="buttons"]',A='input:not([type="hidden"])',N=".active",O=".btn",k={CLICK_DATA_API:"click"+E+C,FOCUS_BLUR_DATA_API:"focus"+E+C+" blur"+E+C},P=function(){function n(t){this._element=t}var t=n.prototype;return t.toggle=function(){var t=!0,e=!0,n=g(this._element).closest(w)[0];if(n){var i=this._element.querySelector(A);if(i){if("radio"===i.type)if(i.checked&&this._element.classList.contains(S))t=!1;else{var o=n.querySelector(N);o&&g(o).removeClass(S)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!this._element.classList.contains(S),g(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!this._element.classList.contains(S)),t&&g(this._element).toggleClass(S)},t.dispose=function(){g.removeData(this._element,y),this._element=null},n._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(y);t||(t=new n(this),g(this).data(y,t)),"toggle"===e&&t[e]()})},s(n,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),n}();g(document).on(k.CLICK_DATA_API,D,function(t){t.preventDefault();var e=t.target;g(e).hasClass(b)||(e=g(e).closest(O)),P._jQueryInterface.call(g(e),"toggle")}).on(k.FOCUS_BLUR_DATA_API,D,function(t){var e=g(t.target).closest(O)[0];g(e).toggleClass(I,/^focus(in)?$/.test(t.type))}),g.fn[v]=P._jQueryInterface,g.fn[v].Constructor=P,g.fn[v].noConflict=function(){return g.fn[v]=T,P._jQueryInterface};var L="carousel",j="bs.carousel",H="."+j,R=".data-api",x=g.fn[L],F={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},U={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},W="next",q="prev",M="left",K="right",Q={SLIDE:"slide"+H,SLID:"slid"+H,KEYDOWN:"keydown"+H,MOUSEENTER:"mouseenter"+H,MOUSELEAVE:"mouseleave"+H,TOUCHSTART:"touchstart"+H,TOUCHMOVE:"touchmove"+H,TOUCHEND:"touchend"+H,POINTERDOWN:"pointerdown"+H,POINTERUP:"pointerup"+H,DRAG_START:"dragstart"+H,LOAD_DATA_API:"load"+H+R,CLICK_DATA_API:"click"+H+R},B="carousel",V="active",Y="slide",z="carousel-item-right",X="carousel-item-left",$="carousel-item-next",G="carousel-item-prev",J="pointer-event",Z=".active",tt=".active.carousel-item",et=".carousel-item",nt=".carousel-item img",it=".carousel-item-next, .carousel-item-prev",ot=".carousel-indicators",rt="[data-slide], [data-slide-to]",st='[data-ride="carousel"]',at={TOUCH:"touch",PEN:"pen"},lt=function(){function r(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=this._element.querySelector(ot),this._touchSupported="ontouchstart"in document.documentElement||0<navigator.maxTouchPoints,this._pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this._addEventListeners()}var t=r.prototype;return t.next=function(){this._isSliding||this._slide(W)},t.nextWhenVisible=function(){!document.hidden&&g(this._element).is(":visible")&&"hidden"!==g(this._element).css("visibility")&&this.next()},t.prev=function(){this._isSliding||this._slide(q)},t.pause=function(t){t||(this._isPaused=!0),this._element.querySelector(it)&&(_.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},t.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},t.to=function(t){var e=this;this._activeElement=this._element.querySelector(tt);var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)g(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=n<t?W:q;this._slide(i,this._items[t])}},t.dispose=function(){g(this._element).off(H),g.removeData(this._element,j),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},t._getConfig=function(t){return t=l({},F,t),_.typeCheckConfig(L,t,U),t},t._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;0<e&&this.prev(),e<0&&this.next()}},t._addEventListeners=function(){var e=this;this._config.keyboard&&g(this._element).on(Q.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&g(this._element).on(Q.MOUSEENTER,function(t){return e.pause(t)}).on(Q.MOUSELEAVE,function(t){return e.cycle(t)}),this._config.touch&&this._addTouchEventListeners()},t._addTouchEventListeners=function(){var n=this;if(this._touchSupported){var e=function(t){n._pointerEvent&&at[t.originalEvent.pointerType.toUpperCase()]?n.touchStartX=t.originalEvent.clientX:n._pointerEvent||(n.touchStartX=t.originalEvent.touches[0].clientX)},i=function(t){n._pointerEvent&&at[t.originalEvent.pointerType.toUpperCase()]&&(n.touchDeltaX=t.originalEvent.clientX-n.touchStartX),n._handleSwipe(),"hover"===n._config.pause&&(n.pause(),n.touchTimeout&&clearTimeout(n.touchTimeout),n.touchTimeout=setTimeout(function(t){return n.cycle(t)},500+n._config.interval))};g(this._element.querySelectorAll(nt)).on(Q.DRAG_START,function(t){return t.preventDefault()}),this._pointerEvent?(g(this._element).on(Q.POINTERDOWN,function(t){return e(t)}),g(this._element).on(Q.POINTERUP,function(t){return i(t)}),this._element.classList.add(J)):(g(this._element).on(Q.TOUCHSTART,function(t){return e(t)}),g(this._element).on(Q.TOUCHMOVE,function(t){var e;(e=t).originalEvent.touches&&1<e.originalEvent.touches.length?n.touchDeltaX=0:n.touchDeltaX=e.originalEvent.touches[0].clientX-n.touchStartX}),g(this._element).on(Q.TOUCHEND,function(t){return i(t)}))}},t._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},t._getItemIndex=function(t){return this._items=t&&t.parentNode?[].slice.call(t.parentNode.querySelectorAll(et)):[],this._items.indexOf(t)},t._getItemByDirection=function(t,e){var n=t===W,i=t===q,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var s=(o+(t===q?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},t._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),i=this._getItemIndex(this._element.querySelector(tt)),o=g.Event(Q.SLIDE,{relatedTarget:t,direction:e,from:i,to:n});return g(this._element).trigger(o),o},t._setActiveIndicatorElement=function(t){if(this._indicatorsElement){var e=[].slice.call(this._indicatorsElement.querySelectorAll(Z));g(e).removeClass(V);var n=this._indicatorsElement.children[this._getItemIndex(t)];n&&g(n).addClass(V)}},t._slide=function(t,e){var n,i,o,r=this,s=this._element.querySelector(tt),a=this._getItemIndex(s),l=e||s&&this._getItemByDirection(t,s),c=this._getItemIndex(l),h=Boolean(this._interval);if(o=t===W?(n=X,i=$,M):(n=z,i=G,K),l&&g(l).hasClass(V))this._isSliding=!1;else if(!this._triggerSlideEvent(l,o).isDefaultPrevented()&&s&&l){this._isSliding=!0,h&&this.pause(),this._setActiveIndicatorElement(l);var u=g.Event(Q.SLID,{relatedTarget:l,direction:o,from:a,to:c});if(g(this._element).hasClass(Y)){g(l).addClass(i),_.reflow(l),g(s).addClass(n),g(l).addClass(n);var f=parseInt(l.getAttribute("data-interval"),10);this._config.interval=f?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,f):this._config.defaultInterval||this._config.interval;var d=_.getTransitionDurationFromElement(s);g(s).one(_.TRANSITION_END,function(){g(l).removeClass(n+" "+i).addClass(V),g(s).removeClass(V+" "+i+" "+n),r._isSliding=!1,setTimeout(function(){return g(r._element).trigger(u)},0)}).emulateTransitionEnd(d)}else g(s).removeClass(V),g(l).addClass(V),this._isSliding=!1,g(this._element).trigger(u);h&&this.cycle()}},r._jQueryInterface=function(i){return this.each(function(){var t=g(this).data(j),e=l({},F,g(this).data());"object"==typeof i&&(e=l({},e,i));var n="string"==typeof i?i:e.slide;if(t||(t=new r(this,e),g(this).data(j,t)),"number"==typeof i)t.to(i);else if("string"==typeof n){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}else e.interval&&e.ride&&(t.pause(),t.cycle())})},r._dataApiClickHandler=function(t){var e=_.getSelectorFromElement(this);if(e){var n=g(e)[0];if(n&&g(n).hasClass(B)){var i=l({},g(n).data(),g(this).data()),o=this.getAttribute("data-slide-to");o&&(i.interval=!1),r._jQueryInterface.call(g(n),i),o&&g(n).data(j).to(o),t.preventDefault()}}},s(r,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return F}}]),r}();g(document).on(Q.CLICK_DATA_API,rt,lt._dataApiClickHandler),g(window).on(Q.LOAD_DATA_API,function(){for(var t=[].slice.call(document.querySelectorAll(st)),e=0,n=t.length;e<n;e++){var i=g(t[e]);lt._jQueryInterface.call(i,i.data())}}),g.fn[L]=lt._jQueryInterface,g.fn[L].Constructor=lt,g.fn[L].noConflict=function(){return g.fn[L]=x,lt._jQueryInterface};var ct="collapse",ht="bs.collapse",ut="."+ht,ft=g.fn[ct],dt={toggle:!0,parent:""},gt={toggle:"boolean",parent:"(string|element)"},_t={SHOW:"show"+ut,SHOWN:"shown"+ut,HIDE:"hide"+ut,HIDDEN:"hidden"+ut,CLICK_DATA_API:"click"+ut+".data-api"},mt="show",pt="collapse",vt="collapsing",yt="collapsed",Et="width",Ct="height",Tt=".show, .collapsing",St='[data-toggle="collapse"]',bt=function(){function a(e,t){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(t),this._triggerArray=[].slice.call(document.querySelectorAll('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var n=[].slice.call(document.querySelectorAll(St)),i=0,o=n.length;i<o;i++){var r=n[i],s=_.getSelectorFromElement(r),a=[].slice.call(document.querySelectorAll(s)).filter(function(t){return t===e});null!==s&&0<a.length&&(this._selector=s,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var t=a.prototype;return t.toggle=function(){g(this._element).hasClass(mt)?this.hide():this.show()},t.show=function(){var t,e,n=this;if(!this._isTransitioning&&!g(this._element).hasClass(mt)&&(this._parent&&0===(t=[].slice.call(this._parent.querySelectorAll(Tt)).filter(function(t){return"string"==typeof n._config.parent?t.getAttribute("data-parent")===n._config.parent:t.classList.contains(pt)})).length&&(t=null),!(t&&(e=g(t).not(this._selector).data(ht))&&e._isTransitioning))){var i=g.Event(_t.SHOW);if(g(this._element).trigger(i),!i.isDefaultPrevented()){t&&(a._jQueryInterface.call(g(t).not(this._selector),"hide"),e||g(t).data(ht,null));var o=this._getDimension();g(this._element).removeClass(pt).addClass(vt),this._element.style[o]=0,this._triggerArray.length&&g(this._triggerArray).removeClass(yt).attr("aria-expanded",!0),this.setTransitioning(!0);var r="scroll"+(o[0].toUpperCase()+o.slice(1)),s=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(){g(n._element).removeClass(vt).addClass(pt).addClass(mt),n._element.style[o]="",n.setTransitioning(!1),g(n._element).trigger(_t.SHOWN)}).emulateTransitionEnd(s),this._element.style[o]=this._element[r]+"px"}}},t.hide=function(){var t=this;if(!this._isTransitioning&&g(this._element).hasClass(mt)){var e=g.Event(_t.HIDE);if(g(this._element).trigger(e),!e.isDefaultPrevented()){var n=this._getDimension();this._element.style[n]=this._element.getBoundingClientRect()[n]+"px",_.reflow(this._element),g(this._element).addClass(vt).removeClass(pt).removeClass(mt);var i=this._triggerArray.length;if(0<i)for(var o=0;o<i;o++){var r=this._triggerArray[o],s=_.getSelectorFromElement(r);if(null!==s)g([].slice.call(document.querySelectorAll(s))).hasClass(mt)||g(r).addClass(yt).attr("aria-expanded",!1)}this.setTransitioning(!0);this._element.style[n]="";var a=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(){t.setTransitioning(!1),g(t._element).removeClass(vt).addClass(pt).trigger(_t.HIDDEN)}).emulateTransitionEnd(a)}}},t.setTransitioning=function(t){this._isTransitioning=t},t.dispose=function(){g.removeData(this._element,ht),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},t._getConfig=function(t){return(t=l({},dt,t)).toggle=Boolean(t.toggle),_.typeCheckConfig(ct,t,gt),t},t._getDimension=function(){return g(this._element).hasClass(Et)?Et:Ct},t._getParent=function(){var t,n=this;_.isElement(this._config.parent)?(t=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(t=this._config.parent[0])):t=document.querySelector(this._config.parent);var e='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]',i=[].slice.call(t.querySelectorAll(e));return g(i).each(function(t,e){n._addAriaAndCollapsedClass(a._getTargetFromElement(e),[e])}),t},t._addAriaAndCollapsedClass=function(t,e){var n=g(t).hasClass(mt);e.length&&g(e).toggleClass(yt,!n).attr("aria-expanded",n)},a._getTargetFromElement=function(t){var e=_.getSelectorFromElement(t);return e?document.querySelector(e):null},a._jQueryInterface=function(i){return this.each(function(){var t=g(this),e=t.data(ht),n=l({},dt,t.data(),"object"==typeof i&&i?i:{});if(!e&&n.toggle&&/show|hide/.test(i)&&(n.toggle=!1),e||(e=new a(this,n),t.data(ht,e)),"string"==typeof i){if("undefined"==typeof e[i])throw new TypeError('No method named "'+i+'"');e[i]()}})},s(a,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return dt}}]),a}();g(document).on(_t.CLICK_DATA_API,St,function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var n=g(this),e=_.getSelectorFromElement(this),i=[].slice.call(document.querySelectorAll(e));g(i).each(function(){var t=g(this),e=t.data(ht)?"toggle":n.data();bt._jQueryInterface.call(t,e)})}),g.fn[ct]=bt._jQueryInterface,g.fn[ct].Constructor=bt,g.fn[ct].noConflict=function(){return g.fn[ct]=ft,bt._jQueryInterface};var It="dropdown",Dt="bs.dropdown",wt="."+Dt,At=".data-api",Nt=g.fn[It],Ot=new RegExp("38|40|27"),kt={HIDE:"hide"+wt,HIDDEN:"hidden"+wt,SHOW:"show"+wt,SHOWN:"shown"+wt,CLICK:"click"+wt,CLICK_DATA_API:"click"+wt+At,KEYDOWN_DATA_API:"keydown"+wt+At,KEYUP_DATA_API:"keyup"+wt+At},Pt="disabled",Lt="show",jt="dropup",Ht="dropright",Rt="dropleft",xt="dropdown-menu-right",Ft="position-static",Ut='[data-toggle="dropdown"]',Wt=".dropdown form",qt=".dropdown-menu",Mt=".navbar-nav",Kt=".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",Qt="top-start",Bt="top-end",Vt="bottom-start",Yt="bottom-end",zt="right-start",Xt="left-start",$t={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic"},Gt={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string"},Jt=function(){function c(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var t=c.prototype;return t.toggle=function(){if(!this._element.disabled&&!g(this._element).hasClass(Pt)){var t=c._getParentFromElement(this._element),e=g(this._menu).hasClass(Lt);if(c._clearMenus(),!e){var n={relatedTarget:this._element},i=g.Event(kt.SHOW,n);if(g(t).trigger(i),!i.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof u)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org/)");var o=this._element;"parent"===this._config.reference?o=t:_.isElement(this._config.reference)&&(o=this._config.reference,"undefined"!=typeof this._config.reference.jquery&&(o=this._config.reference[0])),"scrollParent"!==this._config.boundary&&g(t).addClass(Ft),this._popper=new u(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===g(t).closest(Mt).length&&g(document.body).children().on("mouseover",null,g.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),g(this._menu).toggleClass(Lt),g(t).toggleClass(Lt).trigger(g.Event(kt.SHOWN,n))}}}},t.show=function(){if(!(this._element.disabled||g(this._element).hasClass(Pt)||g(this._menu).hasClass(Lt))){var t={relatedTarget:this._element},e=g.Event(kt.SHOW,t),n=c._getParentFromElement(this._element);g(n).trigger(e),e.isDefaultPrevented()||(g(this._menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.SHOWN,t)))}},t.hide=function(){if(!this._element.disabled&&!g(this._element).hasClass(Pt)&&g(this._menu).hasClass(Lt)){var t={relatedTarget:this._element},e=g.Event(kt.HIDE,t),n=c._getParentFromElement(this._element);g(n).trigger(e),e.isDefaultPrevented()||(g(this._menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.HIDDEN,t)))}},t.dispose=function(){g.removeData(this._element,Dt),g(this._element).off(wt),this._element=null,(this._menu=null)!==this._popper&&(this._popper.destroy(),this._popper=null)},t.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},t._addEventListeners=function(){var e=this;g(this._element).on(kt.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},t._getConfig=function(t){return t=l({},this.constructor.Default,g(this._element).data(),t),_.typeCheckConfig(It,t,this.constructor.DefaultType),t},t._getMenuElement=function(){if(!this._menu){var t=c._getParentFromElement(this._element);t&&(this._menu=t.querySelector(qt))}return this._menu},t._getPlacement=function(){var t=g(this._element.parentNode),e=Vt;return t.hasClass(jt)?(e=Qt,g(this._menu).hasClass(xt)&&(e=Bt)):t.hasClass(Ht)?e=zt:t.hasClass(Rt)?e=Xt:g(this._menu).hasClass(xt)&&(e=Yt),e},t._detectNavbar=function(){return 0<g(this._element).closest(".navbar").length},t._getOffset=function(){var e=this,t={};return"function"==typeof this._config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e._config.offset(t.offsets,e._element)||{}),t}:t.offset=this._config.offset,t},t._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),t},c._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(Dt);if(t||(t=new c(this,"object"==typeof e?e:null),g(this).data(Dt,t)),"string"==typeof e){if("undefined"==typeof t[e])throw new TypeError('No method named "'+e+'"');t[e]()}})},c._clearMenus=function(t){if(!t||3!==t.which&&("keyup"!==t.type||9===t.which))for(var e=[].slice.call(document.querySelectorAll(Ut)),n=0,i=e.length;n<i;n++){var o=c._getParentFromElement(e[n]),r=g(e[n]).data(Dt),s={relatedTarget:e[n]};if(t&&"click"===t.type&&(s.clickEvent=t),r){var a=r._menu;if(g(o).hasClass(Lt)&&!(t&&("click"===t.type&&/input|textarea/i.test(t.target.tagName)||"keyup"===t.type&&9===t.which)&&g.contains(o,t.target))){var l=g.Event(kt.HIDE,s);g(o).trigger(l),l.isDefaultPrevented()||("ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),e[n].setAttribute("aria-expanded","false"),g(a).removeClass(Lt),g(o).removeClass(Lt).trigger(g.Event(kt.HIDDEN,s)))}}}},c._getParentFromElement=function(t){var e,n=_.getSelectorFromElement(t);return n&&(e=document.querySelector(n)),e||t.parentNode},c._dataApiKeydownHandler=function(t){if((/input|textarea/i.test(t.target.tagName)?!(32===t.which||27!==t.which&&(40!==t.which&&38!==t.which||g(t.target).closest(qt).length)):Ot.test(t.which))&&(t.preventDefault(),t.stopPropagation(),!this.disabled&&!g(this).hasClass(Pt))){var e=c._getParentFromElement(this),n=g(e).hasClass(Lt);if(n&&(!n||27!==t.which&&32!==t.which)){var i=[].slice.call(e.querySelectorAll(Kt));if(0!==i.length){var o=i.indexOf(t.target);38===t.which&&0<o&&o--,40===t.which&&o<i.length-1&&o++,o<0&&(o=0),i[o].focus()}}else{if(27===t.which){var r=e.querySelector(Ut);g(r).trigger("focus")}g(this).trigger("click")}}},s(c,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return $t}},{key:"DefaultType",get:function(){return Gt}}]),c}();g(document).on(kt.KEYDOWN_DATA_API,Ut,Jt._dataApiKeydownHandler).on(kt.KEYDOWN_DATA_API,qt,Jt._dataApiKeydownHandler).on(kt.CLICK_DATA_API+" "+kt.KEYUP_DATA_API,Jt._clearMenus).on(kt.CLICK_DATA_API,Ut,function(t){t.preventDefault(),t.stopPropagation(),Jt._jQueryInterface.call(g(this),"toggle")}).on(kt.CLICK_DATA_API,Wt,function(t){t.stopPropagation()}),g.fn[It]=Jt._jQueryInterface,g.fn[It].Constructor=Jt,g.fn[It].noConflict=function(){return g.fn[It]=Nt,Jt._jQueryInterface};var Zt="modal",te="bs.modal",ee="."+te,ne=g.fn[Zt],ie={backdrop:!0,keyboard:!0,focus:!0,show:!0},oe={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},re={HIDE:"hide"+ee,HIDDEN:"hidden"+ee,SHOW:"show"+ee,SHOWN:"shown"+ee,FOCUSIN:"focusin"+ee,RESIZE:"resize"+ee,CLICK_DISMISS:"click.dismiss"+ee,KEYDOWN_DISMISS:"keydown.dismiss"+ee,MOUSEUP_DISMISS:"mouseup.dismiss"+ee,MOUSEDOWN_DISMISS:"mousedown.dismiss"+ee,CLICK_DATA_API:"click"+ee+".data-api"},se="modal-dialog-scrollable",ae="modal-scrollbar-measure",le="modal-backdrop",ce="modal-open",he="fade",ue="show",fe=".modal-dialog",de=".modal-body",ge='[data-toggle="modal"]',_e='[data-dismiss="modal"]',me=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",pe=".sticky-top",ve=function(){function o(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=t.querySelector(fe),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0}var t=o.prototype;return t.toggle=function(t){return this._isShown?this.hide():this.show(t)},t.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){g(this._element).hasClass(he)&&(this._isTransitioning=!0);var n=g.Event(re.SHOW,{relatedTarget:t});g(this._element).trigger(n),this._isShown||n.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),g(this._element).on(re.CLICK_DISMISS,_e,function(t){return e.hide(t)}),g(this._dialog).on(re.MOUSEDOWN_DISMISS,function(){g(e._element).one(re.MOUSEUP_DISMISS,function(t){g(t.target).is(e._element)&&(e._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return e._showElement(t)}))}},t.hide=function(t){var e=this;if(t&&t.preventDefault(),this._isShown&&!this._isTransitioning){var n=g.Event(re.HIDE);if(g(this._element).trigger(n),this._isShown&&!n.isDefaultPrevented()){this._isShown=!1;var i=g(this._element).hasClass(he);if(i&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),g(document).off(re.FOCUSIN),g(this._element).removeClass(ue),g(this._element).off(re.CLICK_DISMISS),g(this._dialog).off(re.MOUSEDOWN_DISMISS),i){var o=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(t){return e._hideModal(t)}).emulateTransitionEnd(o)}else this._hideModal()}}},t.dispose=function(){[window,this._element,this._dialog].forEach(function(t){return g(t).off(ee)}),g(document).off(re.FOCUSIN),g.removeData(this._element,te),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},t.handleUpdate=function(){this._adjustDialog()},t._getConfig=function(t){return t=l({},ie,t),_.typeCheckConfig(Zt,t,oe),t},t._showElement=function(t){var e=this,n=g(this._element).hasClass(he);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),g(this._dialog).hasClass(se)?this._dialog.querySelector(de).scrollTop=0:this._element.scrollTop=0,n&&_.reflow(this._element),g(this._element).addClass(ue),this._config.focus&&this._enforceFocus();var i=g.Event(re.SHOWN,{relatedTarget:t}),o=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,g(e._element).trigger(i)};if(n){var r=_.getTransitionDurationFromElement(this._dialog);g(this._dialog).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o()},t._enforceFocus=function(){var e=this;g(document).off(re.FOCUSIN).on(re.FOCUSIN,function(t){document!==t.target&&e._element!==t.target&&0===g(e._element).has(t.target).length&&e._element.focus()})},t._setEscapeEvent=function(){var e=this;this._isShown&&this._config.keyboard?g(this._element).on(re.KEYDOWN_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this._isShown||g(this._element).off(re.KEYDOWN_DISMISS)},t._setResizeEvent=function(){var e=this;this._isShown?g(window).on(re.RESIZE,function(t){return e.handleUpdate(t)}):g(window).off(re.RESIZE)},t._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._isTransitioning=!1,this._showBackdrop(function(){g(document.body).removeClass(ce),t._resetAdjustments(),t._resetScrollbar(),g(t._element).trigger(re.HIDDEN)})},t._removeBackdrop=function(){this._backdrop&&(g(this._backdrop).remove(),this._backdrop=null)},t._showBackdrop=function(t){var e=this,n=g(this._element).hasClass(he)?he:"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className=le,n&&this._backdrop.classList.add(n),g(this._backdrop).appendTo(document.body),g(this._element).on(re.CLICK_DISMISS,function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===e._config.backdrop?e._element.focus():e.hide())}),n&&_.reflow(this._backdrop),g(this._backdrop).addClass(ue),!t)return;if(!n)return void t();var i=_.getTransitionDurationFromElement(this._backdrop);g(this._backdrop).one(_.TRANSITION_END,t).emulateTransitionEnd(i)}else if(!this._isShown&&this._backdrop){g(this._backdrop).removeClass(ue);var o=function(){e._removeBackdrop(),t&&t()};if(g(this._element).hasClass(he)){var r=_.getTransitionDurationFromElement(this._backdrop);g(this._backdrop).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o()}else t&&t()},t._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},t._setScrollbar=function(){var o=this;if(this._isBodyOverflowing){var t=[].slice.call(document.querySelectorAll(me)),e=[].slice.call(document.querySelectorAll(pe));g(t).each(function(t,e){var n=e.style.paddingRight,i=g(e).css("padding-right");g(e).data("padding-right",n).css("padding-right",parseFloat(i)+o._scrollbarWidth+"px")}),g(e).each(function(t,e){var n=e.style.marginRight,i=g(e).css("margin-right");g(e).data("margin-right",n).css("margin-right",parseFloat(i)-o._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=g(document.body).css("padding-right");g(document.body).data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}g(document.body).addClass(ce)},t._resetScrollbar=function(){var t=[].slice.call(document.querySelectorAll(me));g(t).each(function(t,e){var n=g(e).data("padding-right");g(e).removeData("padding-right"),e.style.paddingRight=n||""});var e=[].slice.call(document.querySelectorAll(""+pe));g(e).each(function(t,e){var n=g(e).data("margin-right");"undefined"!=typeof n&&g(e).css("margin-right",n).removeData("margin-right")});var n=g(document.body).data("padding-right");g(document.body).removeData("padding-right"),document.body.style.paddingRight=n||""},t._getScrollbarWidth=function(){var t=document.createElement("div");t.className=ae,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o._jQueryInterface=function(n,i){return this.each(function(){var t=g(this).data(te),e=l({},ie,g(this).data(),"object"==typeof n&&n?n:{});if(t||(t=new o(this,e),g(this).data(te,t)),"string"==typeof n){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n](i)}else e.show&&t.show(i)})},s(o,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return ie}}]),o}();g(document).on(re.CLICK_DATA_API,ge,function(t){var e,n=this,i=_.getSelectorFromElement(this);i&&(e=document.querySelector(i));var o=g(e).data(te)?"toggle":l({},g(e).data(),g(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var r=g(e).one(re.SHOW,function(t){t.isDefaultPrevented()||r.one(re.HIDDEN,function(){g(n).is(":visible")&&n.focus()})});ve._jQueryInterface.call(g(e),o,this)}),g.fn[Zt]=ve._jQueryInterface,g.fn[Zt].Constructor=ve,g.fn[Zt].noConflict=function(){return g.fn[Zt]=ne,ve._jQueryInterface};var ye=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],Ee={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Ce=/^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi,Te=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;function Se(t,s,e){if(0===t.length)return t;if(e&&"function"==typeof e)return e(t);for(var n=(new window.DOMParser).parseFromString(t,"text/html"),a=Object.keys(s),l=[].slice.call(n.body.querySelectorAll("*")),i=function(t,e){var n=l[t],i=n.nodeName.toLowerCase();if(-1===a.indexOf(n.nodeName.toLowerCase()))return n.parentNode.removeChild(n),"continue";var o=[].slice.call(n.attributes),r=[].concat(s["*"]||[],s[i]||[]);o.forEach(function(t){(function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===ye.indexOf(n)||Boolean(t.nodeValue.match(Ce)||t.nodeValue.match(Te));for(var i=e.filter(function(t){return t instanceof RegExp}),o=0,r=i.length;o<r;o++)if(n.match(i[o]))return!0;return!1})(t,r)||n.removeAttribute(t.nodeName)})},o=0,r=l.length;o<r;o++)i(o);return n.body.innerHTML}var be="tooltip",Ie="bs.tooltip",De="."+Ie,we=g.fn[be],Ae="bs-tooltip",Ne=new RegExp("(^|\\s)"+Ae+"\\S+","g"),Oe=["sanitize","whiteList","sanitizeFn"],ke={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",whiteList:"object"},Pe={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},Le={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:Ee},je="show",He="out",Re={HIDE:"hide"+De,HIDDEN:"hidden"+De,SHOW:"show"+De,SHOWN:"shown"+De,INSERTED:"inserted"+De,CLICK:"click"+De,FOCUSIN:"focusin"+De,FOCUSOUT:"focusout"+De,MOUSEENTER:"mouseenter"+De,MOUSELEAVE:"mouseleave"+De},xe="fade",Fe="show",Ue=".tooltip-inner",We=".arrow",qe="hover",Me="focus",Ke="click",Qe="manual",Be=function(){function i(t,e){if("undefined"==typeof u)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=g(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(g(this.getTipElement()).hasClass(Fe))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),g.removeData(this.element,this.constructor.DATA_KEY),g(this.element).off(this.constructor.EVENT_KEY),g(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&g(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===g(this.element).css("display"))throw new Error("Please use show on visible elements");var t=g.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){g(this.element).trigger(t);var n=_.findShadowRoot(this.element),i=g.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=_.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&g(o).addClass(xe);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();g(o).data(this.constructor.DATA_KEY,this),g.contains(this.element.ownerDocument.documentElement,this.tip)||g(o).appendTo(l),g(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new u(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:We},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),g(o).addClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().on("mouseover",null,g.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,g(e.element).trigger(e.constructor.Event.SHOWN),t===He&&e._leave(null,e)};if(g(this.tip).hasClass(xe)){var h=_.getTransitionDurationFromElement(this.tip);g(this.tip).one(_.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=g.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==je&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),g(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(g(this.element).trigger(i),!i.isDefaultPrevented()){if(g(n).removeClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),this._activeTrigger[Ke]=!1,this._activeTrigger[Me]=!1,this._activeTrigger[qe]=!1,g(this.tip).hasClass(xe)){var r=_.getTransitionDurationFromElement(n);g(n).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){g(this.getTipElement()).addClass(Ae+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(g(t.querySelectorAll(Ue)),this.getTitle()),g(t).removeClass(xe+" "+Fe)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Se(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?g(e).parent().is(t)||t.empty().append(e):t.text(g(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:_.isElement(this.config.container)?g(this.config.container):g(document).find(this.config.container)},t._getAttachment=function(t){return Pe[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)g(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Qe){var e=t===qe?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===qe?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;g(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),g(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Me:qe]=!0),g(e.getTipElement()).hasClass(Fe)||e._hoverState===je?e._hoverState=je:(clearTimeout(e._timeout),e._hoverState=je,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===je&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Me:qe]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=He,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===He&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=g(this.element).data();return Object.keys(e).forEach(function(t){-1!==Oe.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),_.typeCheckConfig(be,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ne);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(g(t).removeClass(xe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ie),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ie,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Le}},{key:"NAME",get:function(){return be}},{key:"DATA_KEY",get:function(){return Ie}},{key:"Event",get:function(){return Re}},{key:"EVENT_KEY",get:function(){return De}},{key:"DefaultType",get:function(){return ke}}]),i}();g.fn[be]=Be._jQueryInterface,g.fn[be].Constructor=Be,g.fn[be].noConflict=function(){return g.fn[be]=we,Be._jQueryInterface};var Ve="popover",Ye="bs.popover",ze="."+Ye,Xe=g.fn[Ve],$e="bs-popover",Ge=new RegExp("(^|\\s)"+$e+"\\S+","g"),Je=l({},Be.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),Ze=l({},Be.DefaultType,{content:"(string|element|function)"}),tn="fade",en="show",nn=".popover-header",on=".popover-body",rn={HIDE:"hide"+ze,HIDDEN:"hidden"+ze,SHOW:"show"+ze,SHOWN:"shown"+ze,INSERTED:"inserted"+ze,CLICK:"click"+ze,FOCUSIN:"focusin"+ze,FOCUSOUT:"focusout"+ze,MOUSEENTER:"mouseenter"+ze,MOUSELEAVE:"mouseleave"+ze},sn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.addAttachmentClass=function(t){g(this.getTipElement()).addClass($e+"-"+t)},o.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},o.setContent=function(){var t=g(this.getTipElement());this.setElementContent(t.find(nn),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(on),e),t.removeClass(tn+" "+en)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ge);null!==e&&0<e.length&&t.removeClass(e.join(""))},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ye),e="object"==typeof n?n:null;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ye,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Je}},{key:"NAME",get:function(){return Ve}},{key:"DATA_KEY",get:function(){return Ye}},{key:"Event",get:function(){return rn}},{key:"EVENT_KEY",get:function(){return ze}},{key:"DefaultType",get:function(){return Ze}}]),i}(Be);g.fn[Ve]=sn._jQueryInterface,g.fn[Ve].Constructor=sn,g.fn[Ve].noConflict=function(){return g.fn[Ve]=Xe,sn._jQueryInterface};var an="scrollspy",ln="bs.scrollspy",cn="."+ln,hn=g.fn[an],un={offset:10,method:"auto",target:""},fn={offset:"number",method:"string",target:"(string|element)"},dn={ACTIVATE:"activate"+cn,SCROLL:"scroll"+cn,LOAD_DATA_API:"load"+cn+".data-api"},gn="dropdown-item",_n="active",mn='[data-spy="scroll"]',pn=".nav, .list-group",vn=".nav-link",yn=".nav-item",En=".list-group-item",Cn=".dropdown",Tn=".dropdown-item",Sn=".dropdown-toggle",bn="offset",In="position",Dn=function(){function n(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" "+vn+","+this._config.target+" "+En+","+this._config.target+" "+Tn,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,g(this._scrollElement).on(dn.SCROLL,function(t){return n._process(t)}),this.refresh(),this._process()}var t=n.prototype;return t.refresh=function(){var e=this,t=this._scrollElement===this._scrollElement.window?bn:In,o="auto"===this._config.method?t:this._config.method,r=o===In?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map(function(t){var e,n=_.getSelectorFromElement(t);if(n&&(e=document.querySelector(n)),e){var i=e.getBoundingClientRect();if(i.width||i.height)return[g(e)[o]().top+r,n]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},t.dispose=function(){g.removeData(this._element,ln),g(this._scrollElement).off(cn),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},t._getConfig=function(t){if("string"!=typeof(t=l({},un,"object"==typeof t&&t?t:{})).target){var e=g(t.target).attr("id");e||(e=_.getUID(an),g(t.target).attr("id",e)),t.target="#"+e}return _.typeCheckConfig(an,t,fn),t},t._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},t._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},t._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},t._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),n<=t){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&0<this._offsets[0])return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},t._activate=function(e){this._activeTarget=e,this._clear();var t=this._selector.split(",").map(function(t){return t+'[data-target="'+e+'"],'+t+'[href="'+e+'"]'}),n=g([].slice.call(document.querySelectorAll(t.join(","))));n.hasClass(gn)?(n.closest(Cn).find(Sn).addClass(_n),n.addClass(_n)):(n.addClass(_n),n.parents(pn).prev(vn+", "+En).addClass(_n),n.parents(pn).prev(yn).children(vn).addClass(_n)),g(this._scrollElement).trigger(dn.ACTIVATE,{relatedTarget:e})},t._clear=function(){[].slice.call(document.querySelectorAll(this._selector)).filter(function(t){return t.classList.contains(_n)}).forEach(function(t){return t.classList.remove(_n)})},n._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(ln);if(t||(t=new n(this,"object"==typeof e&&e),g(this).data(ln,t)),"string"==typeof e){if("undefined"==typeof t[e])throw new TypeError('No method named "'+e+'"');t[e]()}})},s(n,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return un}}]),n}();g(window).on(dn.LOAD_DATA_API,function(){for(var t=[].slice.call(document.querySelectorAll(mn)),e=t.length;e--;){var n=g(t[e]);Dn._jQueryInterface.call(n,n.data())}}),g.fn[an]=Dn._jQueryInterface,g.fn[an].Constructor=Dn,g.fn[an].noConflict=function(){return g.fn[an]=hn,Dn._jQueryInterface};var wn="bs.tab",An="."+wn,Nn=g.fn.tab,On={HIDE:"hide"+An,HIDDEN:"hidden"+An,SHOW:"show"+An,SHOWN:"shown"+An,CLICK_DATA_API:"click"+An+".data-api"},kn="dropdown-menu",Pn="active",Ln="disabled",jn="fade",Hn="show",Rn=".dropdown",xn=".nav, .list-group",Fn=".active",Un="> li > .active",Wn='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',qn=".dropdown-toggle",Mn="> .dropdown-menu .active",Kn=function(){function i(t){this._element=t}var t=i.prototype;return t.show=function(){var n=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&g(this._element).hasClass(Pn)||g(this._element).hasClass(Ln))){var t,i,e=g(this._element).closest(xn)[0],o=_.getSelectorFromElement(this._element);if(e){var r="UL"===e.nodeName||"OL"===e.nodeName?Un:Fn;i=(i=g.makeArray(g(e).find(r)))[i.length-1]}var s=g.Event(On.HIDE,{relatedTarget:this._element}),a=g.Event(On.SHOW,{relatedTarget:i});if(i&&g(i).trigger(s),g(this._element).trigger(a),!a.isDefaultPrevented()&&!s.isDefaultPrevented()){o&&(t=document.querySelector(o)),this._activate(this._element,e);var l=function(){var t=g.Event(On.HIDDEN,{relatedTarget:n._element}),e=g.Event(On.SHOWN,{relatedTarget:i});g(i).trigger(t),g(n._element).trigger(e)};t?this._activate(t,t.parentNode,l):l()}}},t.dispose=function(){g.removeData(this._element,wn),this._element=null},t._activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?g(e).children(Fn):g(e).find(Un))[0],r=n&&o&&g(o).hasClass(jn),s=function(){return i._transitionComplete(t,o,n)};if(o&&r){var a=_.getTransitionDurationFromElement(o);g(o).removeClass(Hn).one(_.TRANSITION_END,s).emulateTransitionEnd(a)}else s()},t._transitionComplete=function(t,e,n){if(e){g(e).removeClass(Pn);var i=g(e.parentNode).find(Mn)[0];i&&g(i).removeClass(Pn),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}if(g(t).addClass(Pn),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),_.reflow(t),t.classList.contains(jn)&&t.classList.add(Hn),t.parentNode&&g(t.parentNode).hasClass(kn)){var o=g(t).closest(Rn)[0];if(o){var r=[].slice.call(o.querySelectorAll(qn));g(r).addClass(Pn)}t.setAttribute("aria-expanded",!0)}n&&n()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(wn);if(e||(e=new i(this),t.data(wn,e)),"string"==typeof n){if("undefined"==typeof e[n])throw new TypeError('No method named "'+n+'"');e[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),i}();g(document).on(On.CLICK_DATA_API,Wn,function(t){t.preventDefault(),Kn._jQueryInterface.call(g(this),"show")}),g.fn.tab=Kn._jQueryInterface,g.fn.tab.Constructor=Kn,g.fn.tab.noConflict=function(){return g.fn.tab=Nn,Kn._jQueryInterface};var Qn="toast",Bn="bs.toast",Vn="."+Bn,Yn=g.fn[Qn],zn={CLICK_DISMISS:"click.dismiss"+Vn,HIDE:"hide"+Vn,HIDDEN:"hidden"+Vn,SHOW:"show"+Vn,SHOWN:"shown"+Vn},Xn="fade",$n="hide",Gn="show",Jn="showing",Zn={animation:"boolean",autohide:"boolean",delay:"number"},ti={animation:!0,autohide:!0,delay:500},ei='[data-dismiss="toast"]',ni=function(){function i(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners()}var t=i.prototype;return t.show=function(){var t=this;g(this._element).trigger(zn.SHOW),this._config.animation&&this._element.classList.add(Xn);var e=function(){t._element.classList.remove(Jn),t._element.classList.add(Gn),g(t._element).trigger(zn.SHOWN),t._config.autohide&&t.hide()};if(this._element.classList.remove($n),this._element.classList.add(Jn),this._config.animation){var n=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},t.hide=function(t){var e=this;this._element.classList.contains(Gn)&&(g(this._element).trigger(zn.HIDE),t?this._close():this._timeout=setTimeout(function(){e._close()},this._config.delay))},t.dispose=function(){clearTimeout(this._timeout),this._timeout=null,this._element.classList.contains(Gn)&&this._element.classList.remove(Gn),g(this._element).off(zn.CLICK_DISMISS),g.removeData(this._element,Bn),this._element=null,this._config=null},t._getConfig=function(t){return t=l({},ti,g(this._element).data(),"object"==typeof t&&t?t:{}),_.typeCheckConfig(Qn,t,this.constructor.DefaultType),t},t._setListeners=function(){var t=this;g(this._element).on(zn.CLICK_DISMISS,ei,function(){return t.hide(!0)})},t._close=function(){var t=this,e=function(){t._element.classList.add($n),g(t._element).trigger(zn.HIDDEN)};if(this._element.classList.remove(Gn),this._config.animation){var n=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(Bn);if(e||(e=new i(this,"object"==typeof n&&n),t.data(Bn,e)),"string"==typeof n){if("undefined"==typeof e[n])throw new TypeError('No method named "'+n+'"');e[n](this)}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"DefaultType",get:function(){return Zn}},{key:"Default",get:function(){return ti}}]),i}();g.fn[Qn]=ni._jQueryInterface,g.fn[Qn].Constructor=ni,g.fn[Qn].noConflict=function(){return g.fn[Qn]=Yn,ni._jQueryInterface},function(){if("undefined"==typeof g)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=g.fn.jquery.split(" ")[0].split(".");if(t[0]<2&&t[1]<9||1===t[0]&&9===t[1]&&t[2]<1||4<=t[0])throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(),t.Util=_,t.Alert=p,t.Button=P,t.Carousel=lt,t.Collapse=bt,t.Dropdown=Jt,t.Modal=ve,t.Popover=sn,t.Scrollspy=Dn,t.Tab=Kn,t.Toast=ni,t.Tooltip=Be,Object.defineProperty(t,"__esModule",{value:!0})}); 7 2 //# sourceMappingURL=bootstrap.min.js.map -
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/settings.js
r2590546 r2648808 49 49 }, 1000)); 50 50 51 52 53 54 $(document.body).on("click", "input", function (e) { 55 51 $("input[name=oxi_addons_font_awesome] ").on("change", function (e) { 56 52 var $This = $(this), name = $This.attr('name'), $value = $This.val(); 57 var rawdata = JSON.stringify({name: name, value: $value}); 58 if (name === 'oxilab_flip_box_license_key') { 59 return; 60 } 61 var functionname = "oxi_settings"; 53 var rawdata = JSON.stringify({value: $value}); 54 var functionname = "oxi_addons_font_awesome"; 62 55 $('.' + name).html('<span class="spinner sa-spinner-open"></span>'); 63 56 Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) { … … 68 61 }); 69 62 }); 70 $(document.body).on("change", "select", function (e) {63 $("input[name=oxi_addons_google_font] ").on("change", function (e) { 71 64 var $This = $(this), name = $This.attr('name'), $value = $This.val(); 72 var rawdata = JSON.stringify({name: name, value: $value}); 73 var functionname = "oxi_settings"; 65 var rawdata = JSON.stringify({value: $value}); 66 var functionname = "oxi_addons_google_font"; 67 $('.' + name).html('<span class="spinner sa-spinner-open"></span>'); 68 Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) { 69 $('.' + name).html(callback); 70 setTimeout(function () { 71 $('.' + name).html(''); 72 }, 8000); 73 }); 74 }); 75 $("input[name=oxi_addons_pre_loader] ").on("change", function (e) { 76 var $This = $(this), name = $This.attr('name'), $value = $This.val(); 77 var rawdata = JSON.stringify({value: $value}); 78 var functionname = "oxi_addons_pre_loader"; 79 $('.' + name).html('<span class="spinner sa-spinner-open"></span>'); 80 Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) { 81 $('.' + name).html(callback); 82 setTimeout(function () { 83 $('.' + name).html(''); 84 }, 8000); 85 }); 86 }); 87 88 89 90 $("#oxi_addons_user_permission").on("change", function (e) { 91 var $This = $(this), name = $This.attr('name'), $value = $This.val(); 92 var rawdata = JSON.stringify({ value: $value}); 93 var functionname = "oxi_addons_user_permission"; 74 94 $('.' + name).html('<span class="spinner sa-spinner-open"></span>'); 75 95 Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) { -
image-hover-effects-ultimate-visual-composer/trunk/index.php
r2646976 r2648808 7 7 Author: Biplob Adhikari 8 8 Author URI: http://www.oxilab.org/ 9 Version: 2.6. 09 Version: 2.6.1 10 10 */ 11 11 if (!defined('ABSPATH')) … … 16 16 define('OXI_FLIP_BOX_PATH', plugin_dir_path(__FILE__)); 17 17 define('OXI_FLIP_BOX_URL', plugins_url('/', __FILE__)); 18 define('OXI_FLIP_BOX_PLUGIN_VERSION', '2.6. 0');19 define('OXI_FLIP_BOX_TEXTDOMAIN', ' oxi-flip-box-plugin');18 define('OXI_FLIP_BOX_PLUGIN_VERSION', '2.6.1'); 19 define('OXI_FLIP_BOX_TEXTDOMAIN', 'image-hover-effects-ultimate-visual-composer'); 20 20 21 21 /** -
image-hover-effects-ultimate-visual-composer/trunk/readme.txt
r2646976 r2648808 5 5 Requires at least: 4.4 6 6 Tested up to: 5.8.2 7 Stable tag: 2.6. 07 Stable tag: 2.6.1 8 8 Requires PHP: 5.4 9 9 License: GPLv2 or later … … 249 249 250 250 == Changelog == 251 = 2.6. 0=251 = 2.6.1 = 252 252 *Update Security 253 253 *Modify Admin Modules … … 317 317 318 318 == Upgrade Notice == 319 = 2.6. 0=319 = 2.6.1 = 320 320 Update Security 321 321 Modify Admin Modules
Note: See TracChangeset
for help on using the changeset viewer.